@-ms-viewport {
  width: device-width;
  zoom: 1;
}

@-moz-viewport {
  width: device-width;
  zoom: 1;
}

@-o-viewport {
  width: device-width;
  zoom: 1;
}

@-webkit-viewport {
  width: device-width;
  zoom: 1;
}

@viewport {
  width: device-width;
  zoom: 1;
}

html
{
	min-height: 100%;
	position: relative;
}

body
{
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	font-size: 18pt;
	font-weight: 100;
	background-color: white;
	color: #000000;
}

.scrollup {
	width: 51px;
	height: 51px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	/*text-indent: -9999px;*/
	background: url('/images/content/scroll-to-top.png') no-repeat;
	/*background-color: #000;*/
}

h1
{
	font-family: Roboto, sans-serif;
	font-weight: 200;
	font-size: 20pt;
	color: rgba(0,0,0,.3) !important;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	clear: both;
	/*text-transform: uppercase;*/
}

h2
{
	font-family: Roboto, sans-serif;
	font-weight: 100;
	color: #29166f;
	font-size: 30pt;
	/*color: #f05458 !important;*/
	padding: 0;
	margin: 0;
	/*border-bottom: 1px solid #dddddd;*/
}

h3
{
	font-family: Roboto, sans-serif;
	font-weight: 500;
	font-size: 12pt;
	/*color: #454545 !important;*/
	/*padding: 0 0 0 0;*/
}

a
{
	text-decoration: none;
}

	a:hover
	{
		text-decoration: none;
	}

.withtransition
{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.video
{
	width: 286px;
	height: 197px;
	margin-bottom: 20px;
	clear: both;
	/*background-image: url(/images/content/dummy_video.jpg);*/
}

#Panel_All
{

}
	
	#Panel_MainFrame
	{

	}

		#Headline
		{
			clear: both;
			overflow: hidden;
		}

			#Headline_inner
			{
				clear: both;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding: 20px;
				max-width: 1264px;
				width: 100%;
				margin: 0 auto 0 auto;
				display: table;
				overflow: hidden;
			}

				#Headline_inner_left
				{
					display: table-cell;
					vertical-align: middle;
				}

					#MainLogo
					{
						visibility: hidden;
					}

				#Headline_inner_right
				{
					display: table-cell;
					vertical-align: middle;
					text-align: right;
				}

					#MainMenu
					{
					}

						#MainMenu a
						{
							font-family: 'Roboto Condensed', 'Arial Narrow', 'Franklin Gothic Medium', Arial, sans-serif;
							color: #808080;
							font-weight: 500;
							display: inline-block;
							font-size: 15px;
							visibility: hidden;
						}

							#MainMenu a:hover
							{
								color: #000000;
							}

						#MainMenu span
						{
							width: 30px;
							display: inline-block;
							background-image: url(/images/content/mainmenusepbullet.png);
							background-position: center center;
							background-repeat: no-repeat;
							height: 10px;
							visibility: hidden;
						}

		#Sliderline
		{
			clear: both;
			width: 100%;
		}

			#Sliderline_inner
			{
				clear: both;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				max-width: 1264px;
				width: 100%;
				margin: 0 auto 0 auto;
				display: table;
			}

				#Slider
				{
					width: 100%;
				}

					.ls-slide
					{
						color: #000000;
						font-size: 14pt;
						text-align: center;
						font-weight: 100;
						text-shadow: 2px 2px 8px #000000;
					}

						.ls-slide h2
						{
							/*font-size: 72pt;
							font-weight: bold;*/
							
							/*text-align: center !important;*/
						}

						.ls-slide span
						{
							/*display: block;
							font-size: 14pt;
							top: 200px;
							text-align: center;
							width: 100%;*/
						}

						.slidertitle
						{
							background-color: rgba(11, 22, 111, .66);
							display: inline-block;
							padding: 10px 10px 10px 10px;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}

						.sliderspot
						{
							background-color: rgba(255, 255, 255, .66);
							display: inline-block;
							padding: 10px 10px 10px 10px;
							max-width: 850px;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}

		#ContactTip
		{
			position: absolute;
			top: 86px;
			right: 0;
			width: 236px;
			height: 283px;
			z-index: 9999;
		}

			#ContactA
			{
				display: block;
				float: right;
				cursor: pointer;
			}

				#ContactA img
				{
					display: block;
				}

			#ContactPhone
			{
				display: block;
				float: right;
				cursor: pointer;
			}

				#ContactPhone img
				{
					display: block;
				}

			#iciniz-rahat-olsun
			{
				clear: both;
				margin-left: auto;
				margin-right: auto;
				max-width: 1140px;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				text-align: center;
				padding-top: 10px;
			}

				.quote
				{
					color: #29166f;
					clear: both;
					font-size: 20pt;
					font-style: italic;
					font-weight: 300;
					margin-bottom: 60px;
				}

					.quote span
					{
						color: rgba(0,0,0,.7);
						font-size: 18pt;
						font-weight: 100;
					}

				#referencesamples
				{
					clear: both;
					overflow: hidden;
					margin-bottom: 60px;
				}

					.referencesample
					{
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						padding: 5px;
						width: 25%;
						height: 235px;
						float: left;
						overflow: hidden;
						visibility: hidden;
					}

						.referencesample_inner
						{
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							width: 100%;
							height: 100%;
							position: relative;
							background-position: top left;
							background-size: cover;
							background-repeat: no-repeat;
							overflow: hidden;
						}

							.referencesample_inner_override
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								position: absolute;
								bottom: 0;
								left: 0;
								width: 100%;
								padding: 10px;
								background-color: rgba(0,0,0,.8);
								opacity: 0;
								color: white;
								text-align: left;
								font-weight: 100;
								font-size: 9pt;
							}

								.referencesample_inner_override span
								{
									display: block;
									clear: both;
									font-size: 14pt;
								}

						.referencesample1
						{
							background-image: url(/images/content/referencesample1.jpg);
						}

							.referencesample1:hover
							{
								background-image: url(/images/content/referencesample1_hover.jpg);
							}

						.referencesample2
						{
							background-image: url(/images/content/referencesample2.jpg);
						}

							.referencesample2:hover
							{
								background-image: url(/images/content/referencesample2_hover.jpg);
							}

						.referencesample3
						{
							background-image: url(/images/content/referencesample3.jpg);
						}

							.referencesample3:hover
							{
								background-image: url(/images/content/referencesample3_hover.jpg);
							}

						.referencesample4
						{
							background-image: url(/images/content/referencesample4.jpg);
						}

							.referencesample4:hover
							{
								background-image: url(/images/content/referencesample4_hover.jpg);
							}

				#tum-referanslar
				{
					clear: both;
					text-align: center;
				}

					#tum-referanslari-goster
					{
						display: inline-block;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						border-top-left-radius: 20px 50%;
						border-top-right-radius: 20px 50%;
						border-bottom-left-radius: 20px 50%;
						border-bottom-right-radius: 20px 50%;
						background-color: #00923f;
						padding: 10px 20px 10px 20px;
						color: white;
						text-shadow: 0 0 2px #000000;
						font-size: 14pt;
					}

						#tum-referanslari-goster:hover
						{
							background-color: #454545;
						}

			#otomatik-paketleme
			{
				clear: both;
				overflow: hidden;
				background-image: url(/images/content/otomatik-paketleme-bg.jpg);
				background-position: top left;
				background-size: cover;
				background-repeat: no-repeat;
				padding-top: 80px;
				padding-bottom: 120px;
			}

				#otomatik-paketleme_inner
				{
					max-width: 1140px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}

					#otomatik-paketleme_inner_toparea
					{
						padding-left: 5px;
						padding-right: 5px;
						clear: both;
						overflow: hidden;
						padding-bottom: 50px;
					}

						#otomatik-paketleme_inner_toparea h2
						{
							padding-bottom: 20px;
							clear: both;
						}

						#otomatik-paketleme_inner_toparea_text
						{
							display: block;
							float: left;
							width: 66%;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding-right: 20px;
						}

						#otomatik-paketleme_inner_toparea_box
						{
							display: block;
							float: left;
							width: 34%;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding: 10px;
						}

							#otomatik-paketleme_inner_toparea_box_inner
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								color: white;
								background-color: #261469;
								border-radius: 5px;
								box-shadow: 0 0 10px #000000;
								padding: 20px;
								-moz-column-count: 2;
								-webkit-column-count: 2;
								column-count: 2;
								-moz-column-gap: 20px;
								-webkit-column-gap: 20px;
								column-gap: 20px;
							}

					#otomatik-paketleme_inner_samplesarea
					{
						clear: both;
						overflow: hidden;
						margin-bottom: 30px;
					}

						.producttypesample
						{
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding: 5px;
							width: 33%;
							height: 280px;
							float: left;
							overflow: hidden;
							visibility: hidden;
						}

							.producttypesample_inner
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								width: 100%;
								height: 100%;
								position: relative;
								background-position: top left;
								background-size: cover;
								background-repeat: no-repeat;
								overflow: hidden;
							}

								.producttypesample_inner_override
								{
									-moz-box-sizing: border-box;
									-webkit-box-sizing: border-box;
									box-sizing: border-box;
									position: absolute;
									bottom: 0;
									left: 0;
									width: 100%;
									padding: 10px;
									background-color: rgba(0,0,0,.8);
									opacity: 0;
									color: white;
									text-align: left;
									font-weight: 100;
									font-size: 9pt;
								}

									.producttypesample_inner_override span
									{
										display: block;
										clear: both;
										font-size: 14pt;
									}

							.producttypesample1
							{
								background-image: url(/images/content/producttypesample1.jpg);
							}

								.producttypesample1:hover
								{
									background-image: url(/images/content/producttypesample1_hover.jpg);
								}

							.producttypesample2
							{
								background-image: url(/images/content/producttypesample2.jpg);
							}

								.producttypesample2:hover
								{
									background-image: url(/images/content/producttypesample2_hover.jpg);
								}

							.producttypesample3
							{
								background-image: url(/images/content/producttypesample3.jpg);
							}

								.producttypesample3:hover
								{
									background-image: url(/images/content/producttypesample3_hover.jpg);
								}

					#tum-urun-cesitleri
					{
						clear: both;
						text-align: center;
					}

						#tum-urun-cesitlerini-goster
						{
							display: inline-block;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							border-top-left-radius: 20px 50%;
							border-top-right-radius: 20px 50%;
							border-bottom-left-radius: 20px 50%;
							border-bottom-right-radius: 20px 50%;
							background-color: #00923f;
							padding: 10px 20px 10px 20px;
							color: white;
							text-shadow: 0 0 2px #000000;
							font-size: 14pt;
						}

							#tum-urun-cesitlerini-goster:hover
							{
								background-color: #454545;
							}

					#otomatik-paketleme_inner_bottomarea
					{
						padding-left: 5px;
						padding-right: 5px;
						clear: both;
						padding-top: 60px;
					}

						#otomatik-paketleme_inner_bottomarea_text
						{
							margin-bottom: 20px;
							clear: both;
							visibility: hidden;
						}

						#otomatik-paketleme_inner_bottomarea_items
						{
							clear: both;
							text-align: center;
						}

							.otomatikpaketlemeitem
							{
								display: inline-table;
								height: 42px;
								overflow: hidden;
								margin: 5px;
								visibility: hidden;
							}

								.otomatikpaketlemeitem_left
								{
									display: table-cell;
									background-image: url(/images/content/otomatikpaketlemeitem_left.png);
									background-position: right center;
									background-repeat: no-repeat;
									width: 38px;
									height: 42px;
								}

								.otomatikpaketlemeitem_center
								{
									display: table-cell;
									background-image: url(/images/content/otomatikpaketlemeitem_center.png);
									background-position: left center;
									background-repeat: repeat-x;
									height: 42px;
									vertical-align: middle;
									font-size: 16pt;
								}

								.otomatikpaketlemeitem_right
								{
									display: table-cell;
									background-image: url(/images/content/otomatikpaketlemeitem_right.png);
									background-position: left center;
									background-repeat: no-repeat;
									width: 19px;
									height: 42px;
								}

			#dergi-posetleme
			{
				clear: both;
				overflow: hidden;
				padding-top: 5px;
				padding-bottom: 40px;
			}

				#dergi-posetleme_inner
				{
					max-width: 1140px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}

					#dergi-posetleme_inner_toparea
					{
						padding-left: 5px;
						padding-right: 5px;
						clear: both;
						padding-bottom: 50px;
						overflow: hidden;
					}

						#dergi-posetleme_inner_toparea h2
						{
							padding-bottom: 20px;
							clear: both;
						}

						#dergi-posetleme_inner_toparea_text
						{
							display: block;
							float: left;
							width: 50%;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding-left: 50px;
						}

						#dergi-posetleme_inner_toparea_box
						{
							display: block;
							float: left;
							width: 50%;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding: 10px;
							background-color: #261469;
							background-position: top right;
							background-repeat: no-repeat;
							background-image: url(/images/content/dergi-posetleme_inner_toparea_box_inner_bg.jpg);
							background-size: cover;
						}

							#dergi-posetleme_inner_toparea_box_inner
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								color: white;
								padding: 20px;
								font-size: 54pt;
							}

					#dergi-posetleme_inner_samplesarea
					{
						clear: both;
						overflow: hidden;
					}

						.dergiposetlemesample
						{
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding: 5px;
							width: 33%;
							height: 280px;
							float: left;
							overflow: hidden;
							visibility: hidden;
						}

							.dergiposetlemesample_inner
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								width: 100%;
								height: 100%;
								position: relative;
								background-position: top left;
								background-size: cover;
								background-repeat: no-repeat;
								overflow: hidden;
							}

								.dergiposetlemesample_inner_override
								{
									-moz-box-sizing: border-box;
									-webkit-box-sizing: border-box;
									box-sizing: border-box;
									position: absolute;
									bottom: 0;
									left: 0;
									width: 100%;
									padding: 10px;
									background-color: rgba(0,0,0,.8);
									opacity: 0;
									color: white;
									text-align: left;
									font-weight: 100;
									font-size: 9pt;
								}

									.dergiposetlemesample_inner_override span
									{
										display: block;
										clear: both;
										font-size: 14pt;
									}

							.dergiposetlemesample1
							{
								background-image: url(/images/content/dergiposetlemesample1.jpg);
							}

								.dergiposetlemesample1:hover
								{
									background-image: url(/images/content/dergiposetlemesample1_hover.jpg);
								}

							.dergiposetlemesample2
							{
								background-image: url(/images/content/dergiposetlemesample2.jpg);
							}

								.dergiposetlemesample2:hover
								{
									background-image: url(/images/content/dergiposetlemesample2_hover.jpg);
								}

							.dergiposetlemesample3
							{
								background-image: url(/images/content/dergiposetlemesample3.jpg);
							}

								.dergiposetlemesample3:hover
								{
									background-image: url(/images/content/dergiposetlemesample3_hover.jpg);
								}

			#shrink-wrap
			{
				clear: both;
				overflow: hidden;
				padding-top: 5px;
				padding-bottom: 40px;
			}

				#shrink-wrap_inner
				{
					max-width: 1140px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}

					#shrink-wrap_inner_toparea
					{
						padding-left: 5px;
						padding-right: 5px;
						clear: both;
						padding-bottom: 50px;
						overflow: hidden;
					}

						#shrink-wrap_inner_toparea h2
						{
							padding-bottom: 20px;
							clear: both;
						}

						#shrink-wrap_inner_toparea_text
						{
							display: block;
							float: left;
							width: 50%;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding-right: 50px;
						}

						#shrink-wrap_inner_toparea_box
						{
							display: block;
							float: left;
							width: 50%;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding: 10px;
							background-color: #261469;
							background-position: top right;
							background-repeat: no-repeat;
							background-image: url(/images/content/shrink-wrap_inner_toparea_box_inner_bg.jpg);
							background-size: cover;
						}

							#shrink-wrap_inner_toparea_box_inner
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								color: white;
								padding: 20px;
								font-size: 54pt;
							}

					#shrink-wrap_inner_samplesarea
					{
						clear: both;
						overflow: hidden;
					}

						.shrinkwrapsample
						{
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							padding: 5px;
							width: 33%;
							height: 280px;
							float: left;
							overflow: hidden;
							visibility: hidden;
						}

							.shrinkwrapsample_inner
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								width: 100%;
								height: 100%;
								position: relative;
								background-position: top left;
								background-size: cover;
								background-repeat: no-repeat;
								overflow: hidden;
							}

								.shrinkwrapsample_inner_override
								{
									-moz-box-sizing: border-box;
									-webkit-box-sizing: border-box;
									box-sizing: border-box;
									position: absolute;
									bottom: 0;
									left: 0;
									width: 100%;
									padding: 10px;
									background-color: rgba(0,0,0,.8);
									opacity: 0;
									color: white;
									text-align: left;
									font-weight: 100;
									font-size: 9pt;
								}

									.shrinkwrapsample_inner_override span
									{
										display: block;
										clear: both;
										font-size: 14pt;
									}

							.shrinkwrapsample1
							{
								background-image: url(/images/content/shrinkwrapsample1.jpg);
							}

								.shrinkwrapsample1:hover
								{
									background-image: url(/images/content/shrinkwrapsample1_hover.jpg);
								}

							.shrinkwrapsample2
							{
								background-image: url(/images/content/shrinkwrapsample2.jpg);
							}

								.shrinkwrapsample2:hover
								{
									background-image: url(/images/content/shrinkwrapsample2_hover.jpg);
								}

							.shrinkwrapsample3
							{
								background-image: url(/images/content/shrinkwrapsample3.jpg);
							}

								.shrinkwrapsample3:hover
								{
									background-image: url(/images/content/shrinkwrapsample3_hover.jpg);
								}

			#referanslar
			{
				clear: both;
				overflow: hidden;
				padding-top: 5px;
				padding-bottom: 40px;
			}

				#referanslar_inner
				{
					max-width: 1140px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}

					#referanslar_inner_toparea
					{
						padding-left: 5px;
						padding-right: 5px;
						clear: both;
						padding-bottom: 50px;
						overflow: hidden;
					}

						#referanslar_inner_toparea h2
						{
							padding-bottom: 20px;
							clear: both;
						}

				#references
				{
					clear: both;
					overflow: hidden;
					margin-bottom: 60px;
				}

					.reference
					{
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						padding: 5px;
						width: 25%;
						height: 235px;
						float: left;
						overflow: hidden;
						visibility: hidden;
					}

						.reference_inner
						{
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							width: 100%;
							height: 100%;
							position: relative;
							background-position: top left;
							background-size: cover;
							background-repeat: no-repeat;
							overflow: hidden;
						}

							.reference_inner_override
							{
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								position: absolute;
								bottom: 0;
								left: 0;
								width: 100%;
								padding: 10px;
								background-color: rgba(0,0,0,.8);
								opacity: 0;
								color: white;
								text-align: left;
								font-weight: 100;
								font-size: 9pt;
							}

								.reference_inner_override span
								{
									display: block;
									clear: both;
									font-size: 14pt;
								}

						.reference1
						{
							background-image: url(/images/content/referencesample1.jpg);
						}

							.reference1:hover
							{
								background-image: url(/images/content/referencesample1_hover.jpg);
							}

						.reference2
						{
							background-image: url(/images/content/referencesample2.jpg);
						}

							.reference2:hover
							{
								background-image: url(/images/content/referencesample2_hover.jpg);
							}

						.reference3
						{
							background-image: url(/images/content/referencesample3.jpg);
						}

							.reference3:hover
							{
								background-image: url(/images/content/referencesample3_hover.jpg);
							}

						.reference4
						{
							background-image: url(/images/content/referencesample4.jpg);
						}

							.reference4:hover
							{
								background-image: url(/images/content/referencesample4_hover.jpg);
							}

						.reference5
						{
							background-image: url(/images/content/referencesample5.jpg);
						}

							.reference5:hover
							{
								background-image: url(/images/content/referencesample5_hover.jpg);
							}

						.reference6
						{
							background-image: url(/images/content/referencesample6.jpg);
						}

							.reference6:hover
							{
								background-image: url(/images/content/referencesample6_hover.jpg);
							}

						.reference7
						{
							background-image: url(/images/content/referencesample7.jpg);
						}

							.reference7:hover
							{
								background-image: url(/images/content/referencesample7_hover.jpg);
							}

						.reference8
						{
							background-image: url(/images/content/referencesample8.jpg);
						}

							.reference8:hover
							{
								background-image: url(/images/content/referencesample8_hover.jpg);
							}

						.reference9
						{
							background-image: url(/images/content/referencesample9.jpg);
						}

							.reference9:hover
							{
								background-image: url(/images/content/referencesample9_hover.jpg);
							}

						.reference10
						{
							background-image: url(/images/content/referencesample10.jpg);
						}

							.reference10:hover
							{
								background-image: url(/images/content/referencesample10_hover.jpg);
							}

						.reference11
						{
							background-image: url(/images/content/referencesample11.jpg);
						}

							.reference11:hover
							{
								background-image: url(/images/content/referencesample11_hover.jpg);
							}

						.reference12
						{
							background-image: url(/images/content/referencesample12.jpg);
						}

							.reference12:hover
							{
								background-image: url(/images/content/referencesample12_hover.jpg);
							}

						.reference13
						{
							background-image: url(/images/content/referencesample13.jpg);
						}

							.reference13:hover
							{
								background-image: url(/images/content/referencesample13_hover.jpg);
							}

				#prevnext
				{
					clear: both;
					text-align: center;
					width: 100%;
					/*display: table;*/
					display: none;
				}

					#prev
					{
						display: table-cell;
						text-align: left;
					}

						#previouspage
						{

						}

					#next
					{
						display: table-cell;
						text-align: right;
					}

						#nextpage
						{

						}


						#prevnext div a
						{
							display: inline-block;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							border-top-left-radius: 20px 50%;
							border-top-right-radius: 20px 50%;
							border-bottom-left-radius: 20px 50%;
							border-bottom-right-radius: 20px 50%;
							background-color: #00923f;
							padding: 10px 20px 10px 20px;
							color: white;
							text-shadow: 0 0 2px #000000;
							font-size: 14pt;

						}

							#prevnext div a:hover
							{
								background-color: #454545;
							}
		
			#otopack
			{
				clear: both;
				overflow: hidden;
				padding-top: 5px;
				padding-bottom: 40px;
			}

				#otopack_inner
				{
					max-width: 1150px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
				}

					#otopack_inner_toparea
					{
						padding-left: 10px;
						padding-right: 10px;
						clear: both;
						padding-bottom: 50px;
						overflow: hidden;
					}

						#otopack_inner_toparea h2
						{
							padding-bottom: 20px;
							clear: both;
						}

						#otopack_inner_toparea_text
						{
							text-align: center;
							clear: both;
							padding-bottom: 40px;
						}

					#otopack_inner_middlearea
					{
						padding-left: 10px;
						padding-right: 10px;
						clear: both;
						padding-bottom: 50px;
						overflow: hidden;
					}

						#otopack_inner_middlearea_headerimage
						{
							overflow: hidden;
							border-top-left-radius: 10px;
							border-top-right-radius: 10px;
							clear: both;
						}

							#otopack_inner_middlearea_headerimage img
							{
								display: block;
								width: 100%;
							}

						#otopack_inner_middlearea_title
						{
							overflow: hidden;
							clear: both;
							margin-top: -20px;
						}
							
							#otopack_inner_middlearea_title h2
							{
								display: inline-block;
								padding: 20px;
								border-radius: 20px;
								background-color: white;
							}

					#otopack_inner_bottomarea
					{
						clear: both;
						overflow: hidden;
					}

						.kavram
						{
							display: block;
							float: left;
							padding: 10px;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							text-align: center;
							visibility: hidden;
							width: 33%;
						}

							.kavram img
							{
								display: block;
								width: 100%;
							}

			#iletisim
			{
				clear: both;
				overflow: hidden;
				padding-top: 20px;
				padding-bottom: 150px;
				background-image: url(/images/content/iletisim-bg.jpg);
				background-position: top center;
				background-size: cover;
				background-repeat: no-repeat;
			}

				#iletisim_inner
				{
					max-width: 1130px;
					margin-left: auto;
					margin-right: auto;
					clear: both;
					overflow: hidden;
				}

					#iletisim_inner h2
					{
						padding-bottom: 40px;
						clear: both;
					}

					#iletisim_inner_columns
					{
						clear: both;
						overflow: hidden;
					}

						#iletisim_inner_columns_left
						{
							float: left;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							width: 50%;
							padding-right: 25px;
							overflow: hidden;
						}

							#iletisim_inner_columns_left *
							{
								font-weight: 100;
								font-style: normal;
							}

							.sendbutton
							{
								display: inline-block;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
								border-top-left-radius: 20px 50%;
								border-top-right-radius: 20px 50%;
								border-bottom-left-radius: 20px 50%;
								border-bottom-right-radius: 20px 50%;
								background-color: #261567;
								padding: 10px 20px 10px 20px;
								color: white;
								text-shadow: 0 0 2px #000000;
								font-size: 14pt;

							}

								.sendbutton:hover
								{
									background-color: #454545;
								}

						#iletisim_inner_columns_right
						{
							float: left;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
							width: 50%;
							padding-left: 25px;
							overflow: hidden;
						}

							#adres
							{
								clear: both;
								padding-bottom: 70px;
								color: #321e73;
								visibility: hidden;
							}

								#adres a
								{
									color: #321e73;
								}

									#adres a:hover
									{
										color: #000000;
									}

							#mapcontainer
							{
								width: 100%;
								height: 290px;
								visibility: hidden;
							}

			#footer
			{
				clear: both;
				padding: 20px;
				background-color: #261567;
				color: rgba(255,255,255,.1);
				text-align: center;
			}

@media screen and (max-width: 950px)
{
			#Headline_inner
			{
				display: block;
			}

				#Headline_inner_left
				{
					display: block;
					clear: both;
					text-align: center;
				}

				#Headline_inner_right
				{
					display: block;
					clear: both;
					text-align: center;
				}

		#ContactTip
		{
			top: 117px;
		}

						#dergi-posetleme_inner_toparea_box
						{
							background-image: none;
						}

							#dergi-posetleme_inner_toparea_box_inner
							{
								font-size: 48pt;
							}

						#shrink-wrap_inner_toparea_box
						{
							background-image: none;
						}

							#shrink-wrap_inner_toparea_box_inner
							{
								font-size: 48pt;
							}
}

@media screen and (max-width: 800px)
{

					.referencesample
					{
						width: 50%;
					}

					.reference
					{
						width: 50%;
					}
}

@media screen and (max-width: 700px)
{

		#ContactTip
		{
			top: 149px;
		}
}

@media screen and (max-width: 700px)
{

						#otomatik-paketleme_inner_toparea_text
						{
							float: none;
							clear: both;
							width: 100%;
							padding-right: 0;
						}

						#otomatik-paketleme_inner_toparea_box
						{
							float: none;
							clear: both;
							width: 100%;
						}

					#otomatik-paketleme_inner_samplesarea
					{
						clear: both;
						overflow: hidden;
						margin-bottom: 30px;
					}

						.producttypesample
						{
							height: 180px;
						}

						#dergi-posetleme_inner_toparea_text
						{
							float: none;
							clear: both;
							width: 100%;
							padding-left: 0;
						}

						#dergi-posetleme_inner_toparea_box
						{
							float: none;
							clear: both;
							width: 100%;
						}

						.dergiposetlemesample
						{
							height: 180px;
						}

						#shrink-wrap_inner_toparea_text
						{
							float: none;
							clear: both;
							width: 100%;
							padding-right: 0;
						}

						#shrink-wrap_inner_toparea_box
						{
							float: none;
							clear: both;
							width: 100%;
						}

						.shrinkwrapsample
						{
							height: 180px;
						}

					#otopack_inner_bottomarea
					{
						clear: both;
						overflow: hidden;
					}

						.kavram
						{
							width: 50%;
						}

						#iletisim_inner_columns_left
						{
							float: none;
							clear: both;
							width: 100%;
							padding-right: 0;
						}

						#iletisim_inner_columns_right
						{
							float: none;
							clear: both;
							width: 100%;
							padding-left: 0;
						}
}

@media screen and (max-width: 480px)
{
						.producttypesample
						{
							width: 100%;
							height: 280px;
						}

						.dergiposetlemesample
						{
							width: 100%;
							height: 280px;
						}

						.shrinkwrapsample
						{
							width: 100%;
							height: 280px;
						}

						.kavram
						{
							width: 100%;
							height: 280px;
						}

}

@media screen and (max-width: 400px)
{
					.referencesample
					{
						width: 100%;
					}

					.reference
					{
						width: 100%;
					}
					
	.video
	{
		width: 100%;
	}

							#dergi-posetleme_inner_toparea_box_inner
							{
								padding: 0;
								font-size: 32px;
							}

							#shrink-wrap_inner_toparea_box_inner
							{
								padding: 0;
								font-size: 32px;
							}
		#ContactTip
		{
			top: 179px;
		}

}