#btn_print { z-index: 1000;}
.render {
  align-self: center;
  -moz-transform: rotateX(50deg) rotateZ(1deg);
  -webkit-transform: rotateX(50deg) rotateZ(1deg);
  transform: rotateX(50deg) rotateZ(1deg);
  font-weight: 700;
  font-size: 6rem;
  color: #404040;
  transform: perspective(113px) rotateX(2deg) rotateY(0deg) rotateZ(0deg);
  text-shadow: #e0e0e0 0.006em 0.006em 0.007em, 
  #9c9c9c 1px 1px 1px, 
  #9b9b9b 1px 2px 1px, 
  #9a9a9a 1px 3px 1px, 
  #909090 1px 4px 1px, 
  #8f8f8f 1px 5px 1px, 
  #8e8e8e 1px 6px 1px, 
  #8d8d8d 1px 7px 1px, 
  #8c8c8c 1px 8px 1px, 
  #8b8b8b 1px 9px 1px, 
  #8a8a8a 1px 10px 1px, 
  #808080 1px 11px 1px, 
  #7f7f7f 1px 12px 1px, 
  rgba(16, 16, 16, 0.4) 1px 38px 26px, 
  rgba(16, 16, 16, 0.2) 1px 42px 30px, 
  rgba(16, 16, 16, 0.2) 1px 46px 65px, 
  rgba(16, 16, 16, 0.4) 1px 50px 95px;
}

.L2_bck {

}

.L1_groups {
	
}
.L1_cap { 
	font-size: 1rem;
    font-weight: bold;
	color: #e0e0e0;
	min-width: 4rem;
	display: inline;
}
.L1_code {
	background: #ffc627;
    border-bottom: 10px solid #000000;
    display: inline-block;
}

.L2_code {
	background: #ffc627;
    border-bottom: 10px solid #606060;
    display: inline-block;
}
.L2_box {
background-color: #ffc627;
/*box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;*/
}
.L2_cap { 
	font-size: .8rem;
    font-weight: bold;
	color: #555555;
}
.L2_bck {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: url('/contents/img/L2_bck.jpg');
}
.L2_products {
position: absolute;
width: 100%;
bottom: 24px;
}
.L2_thumbimg { height: 4rem; width: 4rem;}
/***************grup*****************/
.L3_title {
	border-left: 5px solid #ffc627;
    padding-left: 10px;
    border-bottom: 1px dotted #d0d0d0;
    width: 100%;
	font-size: .8rem;
}
.L3_header{
	border-bottom: 8px solid #494949; overflow: hidden; background: linear-gradient(263deg, rgb(199 199 199) 0%, rgb(233 233 233) 100%);
}
.L4_title {
	border-left: 5px solid #404040;
    padding-left: 10px;
    width: 100%;
}
.L4_botline { border-bottom: 1px solid #9e9e9e;}
.proheadimg {max-height: 7rem; }
.protecimg {max-height: 10rem; }
.shdw li {box-shadow: 0 1px 3px 0 rgb(0 0 0 / 33%);}
.pngshdw {filter: drop-shadow(2px 2px 4px #00000080);}
.proshdw {filter: drop-shadow(0px 2.5rem 3.5rem #00000080) drop-shadow(0px 0.5rem 0.5rem #00000080);}
.qr {
width: 5rem;
height: 5rem;
background: white;
/*
padding: 4px;
border: 4px solid black;
*/
}
.ldivider {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
width: 15rem;
background: linear-gradient(209deg, rgb(151 151 151) 0%, rgba(255,251,251,1) 71%, rgba(255,255,255,1) 100%);
}
.brr {
/* background-color: #f0f0f0; */
width: 100%;
}

.brr .img {
min-height: 8rem;
padding: 1rem;
}
.brr:after {
border-right: 0px solid #fafafa;
content: '';
display: block;
height: 100%;
position: absolute;
top: 0%;
right: 0px;
}
.L3_info { 
font-size: small;
font-weight: 400;
padding-top: 5px;
color: #404040;
white-space: nowrap;
}
/*
.headangle:before {
content: '';
line-height: 0;
font-size: 0;
width: 0;
height: 0;
border-top: 80px solid #ffc627;
border-bottom: 0px solid transparent;
border-left: 140px solid transparent;
border-right: 0px solid transparent;
position: absolute;
top: 0px;
right: 0px;
}
.headangle_s:before {
content: '';
line-height: 0;
font-size: 0;
width: 0;
height: 0;
border-top: 35px solid #ffc627;
border-bottom: 0px solid transparent;
border-left: 50px solid transparent;
border-right: 0px solid transparent;
position: absolute;
top: 0px;
right: 0px;
color: #303030;
}
*/
.borderline {border-top:1px solid #d0d0d0; padding-top: 5px;}
.rline {border-right: 1px solid #b0b0b0;}

.letterhead { border-bottom: 0px solid #ffc627; margin-bottom: 0rem;}
.letterhead .headlogo { width: 100%; }

.letterfooter { position: absolute; left:0px; right:0px; bottom: 0px; border-top: 1px solid #acacac; margin-bottom: 0rem;}
.letterfooter .headlogo { width: 100%; }

.bottombox {
	position: absolute; left:0px; right:0px; bottom: 0px; margin-bottom: 3rem; padding: 10px;
}

.pgn {background-color: #ffc627; width:34px; height: 34px; position: absolute; top:-4px; right: -1px; align-items: center; justify-content: center;font-size: .75rem!important;}

.bbox { border: 1px solid #808080; background-color: #e7e7e7;}

.imgf { height: 8rem; }

.mit {
position: absolute;
object-fit: contain;
right: 0;
top: 0;
height: 4rem;
z-index:1;
}
.logo {
margin-top: 5rem;
width: 15rem;
}

.desc{

}
.desc strong{ color: #ffc627; }

.pro_banner_img {
max-height: 9rem;
/*
height: 10rem;
padding: 1rem 1rem;

padding: 0rem 6rem;
width: 100%;
*/
}

#probanner {
background-image: url('/contents/img/prod_header.jpg1');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #202020;
height: 100%;
width:100%;
page: cover;
}
#probanner .bcc {
content: '';
position: absolute;
width: 100%;
height: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}
#probanner .container {
background: radial-gradient(circle, rgb(109 109 109) 0%, rgb(27 27 27) 100%)
}

.ps_container {
height: 100%;
padding-bottom: 5rem;
}

.pro_img {
/*
height:20rem!important;
min-height:20rem!important;
*/
max-height: 22rem;
width: 100%;
}
.probox {
}

.grd {
background: linear-gradient(0deg, rgb(255 255 255) 0%, rgb(200 200 200) 100%);
}

#ps_img {
height: 26rem;
padding: 2.5rem;
margin: auto;
}
.ps_bck {
background: linear-gradient(141deg, rgba(147,147,147,100) 0%, rgba(247,247,247,100) 100%);
}

.chip { }
.chip_header {
font-weight: 600;
line-height: 2;
position: relative;
font-size: small;
color: #909090;
}
.chip_content { line-height: 1.2; margin-bottom: .5rem;}
.imglist {
align-items: center;
display: flex;
text-align: center;
}
.imglist li{     list-style: none;      }
.colorbox{
border: 2px solid #FFFFFF;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 33%);
display: inline-block;
width: 28px;
height: 28px;
border-radius: 100%;
}
.govdebox {
width: 54px;
height: 54px;
margin-right:4px;
border: 1px solid #303030;
}
.govdebox span {
font-size: 12px;
line-height: 1;
color: #ffc627;
}

.imglist ul {
/* flex-wrap: wrap; */
display: flex;
justify-content: space-evenly;
flex-shrink: 1;
align-items: flex-end;
list-style: unset;
margin-left: 0;
margin-top: 0;
}
.icoimg {
width: 48px;
object-fit: contain;
/*margin: 2px;*/
display: block;
}

.iconlar li {
background-color: #ffffff;
margin: 2px;
}
.iconlar li div{
background: #ffffff;
color: #000000;
padding: 2px 0px;
font-size: .5rem;
font-weight: 600;
}	  
.icobig {
  width: 46px;
  object-fit: contain;
  padding:3px;
  display: block;
}

.mediabuttons .icon i { font-size: 3rem; }	

.co_9005, .co_SIYAH{ background-color: black; }
.co_9006{ background-color: gray; }
.co_9016, .co_SEFFAF, .co_BEYAZ { background-color: white; }
.co_7016{ background-color: #383e42; }
.co_FUME{ background: linear-gradient(315deg, rgba(117,122,128,1) 0%, rgba(194,197,200,1) 47%, rgba(117,122,128,1) 100%); }
.co_INOX{ background: linear-gradient(315deg, rgba(181,181,181,1) 0%, rgba(255,255,255,1) 47%, rgba(145,145,145,1) 100%); }
.co_KROM{ background: linear-gradient(315deg, rgba(207,207,207,1) 0%, rgba(255,255,255,1) 47%, rgba(207,207,207,1) 100%); }
.co_GOLD{ background: linear-gradient(315deg, rgba(238,201,0,1) 0%, rgba(255,250,230,1) 47%, rgba(238,171,0,1) 100%); }
.co_BAKIR{ background: linear-gradient(315deg, rgba(173,102,28,1) 0%, rgba(175,151,90,1) 47%, rgba(173,102,28,1) 100%); }
.co_ESKITME{ background: linear-gradient(315deg, rgba(207,181,59,1) 0%, rgba(175,151,90,1) 47%, rgba(207,181,59,1) 100%); }
.co_ORANJ{ background-color: #ff7f00; }
.co_YESIL{ background-color: #007f00; }
.co_MAVI{ background-color: #0000ff; }
.co_ALLCOLORS {background:linear-gradient(90deg, rgba(255,39,39,1) 0%, rgba(54,255,39,1) 49%, rgba(39,80,255,1) 100%);}

.cct_2700K {background-color: #ffa200;}
.cct_3000K,.cct_EKMEK {background-color: #ffd100;}
.cct_4000K {background-color: #fff59e;}
.cct_5000K, .cct_SEBZE {background-color: #dffffd;}
.cct_6500K {background-color: #bce1ff;}
.cct_AMBER {background-color: #ff8900;}
.cct_KIRMIZI {background-color: #ff0000;}
.cct_YESIL {background-color: #1bff00;}
.cct_MAVI {background-color: #0068ff;}
.cct_RGB {background:linear-gradient(90deg, rgba(255,39,39,1) 0%, rgba(54,255,39,1) 49%, rgba(39,80,255,1) 100%);}
.cct_ET {background-color: #b34b6a;}
.cct_YOK {background-color: #000000;}

	.hbar {
		align-items: stretch;
		display: flex;
		position: relative;
		background-color: #363636;
		color: #fff;
	}

	.hbar-start {
		align-items: stretch;
		display: flex;
		justify-content: flex-start;
		margin-right: auto;
	}
	
	.hbar-end {
		justify-content: flex-end;
		margin-left: auto;
		align-items: stretch;
		display: flex;
	}
	
	.hbar-item {
		align-iems: center;
		display: flex;
		color: #fff;
		flex-grow: 0;
		flex-shrink: 0;
		line-height: 1.5;
		padding: 0.5rem 0.75rem;
		position: relative;
	}
	

	.docbtn span{
		white-space: normal;
		font-size: .8rem;
		font-weight: 600;
	}
	
	.subimg {
		display: inline;
	}
	
	.subimg img{
		padding: 1rem;
		height: 8rem;
	}
	
	.subimg  div  {
		width: 100%;
		height:100%;
	}
	
	.leftimg img{
		padding: 1rem;
		width: 100%;
	}

	.subtek {
	width: 100%;
	height: 8rem;
	background-color: #ffffff;
	}

	.subtek div {
	width: 100%;
	height:100%;
	}

	.subcontent {
	height:100%;
	font-size: .7rem;
	}

	.subcontent .bck-contain, .subcontent .content{
	height:100%;
	}

	.govdesection i {font-size: 0.8em;}

	.cct, .co {border-radius: 100%; width:12px; height: 12px;display: inline-block; border: 1px solid #a0a0a0;}
	.mbox {
		border: 0px;
		font-size: small;
	}


body {
line-height: 1.4;
background: #7f7f7f;
background-color: #7f7f7f;
font-family: 'Urbanist', sans-serif;
counter-reset: chapternum figurenum;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.no-print { display:none; }

section.page {
  background: #ffffff;
  width: 21cm;
  height: 29.7cm;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  border: 0.75cm solid #ffffff;
  page: cover; 
  position: relative;
  overflow: hidden;
}

@media print {

	body {
		margin: 0!important;
		background-color: #ffffff;
		background: #ffffff;
		display: block;
	}
	section.page {
		page-break-before: always; 
		box-shadow: unset;
		margin: unset;
		border: 0.75m solid #ffffff;
		/*background-color: red;*/
	}
	.page-break	{ display: block; page-break-before: always; }
	@page { margin: 0; }
	* {
		-webkit-print-color-adjust: exact !important; /*Chrome, Safari */
		color-adjust: exact !important;  /*Firefox*/
	  }
}

@page :footer { content: ""; }
@page :header { content: ""; }