@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');

@media print {
  .html2pdf__page-break {
    page-break-before: always;
  }
}



.down_back {
	background-color: #B6B6CC;
	color: #2E2E38;
	font-size: 18px;
	font-weight: 600;
	padding: 7px 11px 8px;
	position: fixed;
	bottom: 50px;
	left: 10px;
	border: none;
	cursor: pointer;
	outline: none;
	border-radius: 6px;
	z-index: 101;
}

.down_back span{ 
	font-size: 15px;
	float: left;
	display: inline-block;
	margin: 3px 4px 0 0;
}

.down_back:hover {
	background-color: #FF6C00;
	color: #fff; 
}

#download {
	background-color: #B6B6CC;
	font-size: 15px;
	font-weight: 600;
	padding: 7px 11px;
	position: fixed;
	bottom: 10px;
	left: 10px;
	border: none;
	cursor: pointer;
	outline: none;
	border-radius: 6px;
	z-index: 101;
}

#download:hover {
	background-color: #FF6C00;
	color: #fff; 
}

/* tdscontent div'inin A4 boyutlarına ayarlanması */
#tds {    /* A4 yüksekliği */
    margin: 0;   /* Ortalamak için */
    padding:0;    /* İçeriğe boşluk eklemek için */
    border:none;  /* Çerçeve eklemek için */
    
}

/* tdscontent div'inin A4 boyutlarına ayarlanması */
.tdscontent_1,
.tdscontent_2,
.tdscontent_3,
.tdscontent_4,
.tdscontent_5,
.tdscontent_6,
.tdscontent_7,
.tdscontent_8,
.tdscontent_9 {
    width: 21cm;
      height: 29.70cm;
      display: block;
      margin: 0 auto;
      padding: 0;
      border:0;
      position: relative;  
	background-color: #FFF; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), -5px -5px 15px rgba(0, 0, 0, 0.3); /* Two shadows */
	overflow: hidden;
	letter-spacing: 0px;
	font-weight: 500;
} 

.tdscontent_1 {   
	background-color: #ED6C1D; 
	position: relative;
} 

.tdscontent_1 img{   
	width: 21cm;
      height: 29.70cm;
	float: left;
	display: inline-block;
} 

.tdscontent_1 .colors_text {
	position: absolute;
	display: block;
	right: 30px;
	top: 50px;
	width: 478px;  
	z-index: 101;
}

.tdscontent_1 .colors_text .lngtext {
	position: absolute;
	right: 0;
	top: -35px;
	color: #FFF; 
	font-size: 17px;
	font-weight: 600; 
	padding: 4px 7px;
	background-color: #2E2E38;
	border-radius: 5px;
}

.tdscontent_1 .colors_text h2,
.tdscontent_1 .colors_text h3,
.tdscontent_1 .colors_text h1,
.tdscontent_1 .colors_text span {
	float: left;
	display: inline-block;
	color: #fff;
	width: 100%;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: -0.3px;
	text-align: right;
	padding-bottom: 7px;
}

.tdscontent_1 .colors_text h2 { 
	font-size: 40px;
	font-weight: 900; 
}

.tdscontent_1 .colors_text h3 { 
	font-size: 16px;
	font-weight: 600; 
}

.tdscontent_1 .colors_text h1 {
	padding-top: 85px;
	font-size: 45px;
	font-weight: 900; 
}

.tdscontent_1 .colors_text span { 
	font-size: 18px;
	font-weight: 500; 
	font-style: italic;
}



.tdscontent_2,
.tdscontent_3,
.tdscontent_4,
.tdscontent_5,
.tdscontent_6,
.tdscontent_7,
.tdscontent_8,
.tdscontent_9 {   
	background-color:#D3DDEC; 
	position: relative;
	padding: 15px;
	text-align: center;
} 


.colorbox {
	float: left;
    width: 25%; 
	display: inline-block;
	padding:10px 14px 8px 14px; 
}

.colorbox img {
    width: 100%; 
	float: left;
	display: inline-block;
	border-radius: 10px;
	border: 3px solid #2E2E38;
	z-index:101;
	position: relative;
}

.code_info {
    width: 100%; 
	float: left;
	display: inline-block; 
	color: #B6B6CC;
	padding:10px 5px 5px 5px;
	background-color: #2E2E38;
	margin-top: -7px;
	z-index:100;
	border-radius:0 0 10px 10px;
}

.code_info .code_info_sp_1 {
    width: 50%; 
	float: left;
	display: inline-block;
	font-size: 17px;
	font-weight: 900;
	text-align: left;
}

.code_info .code_info_sp_2 {
    width: 50%; 
	float: left;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	text-align: right;
}


.pagetext {
	position: absolute;
	display: inline-block;
	bottom: 15px;
	left: 30px; 
	width: auto;  
	text-align: center;
	font-size: 13px;
	font-weight: 800;
	color: #2E2E38; 
	
	
}


.pageno {
	position: absolute;
	display: inline-block;
	bottom: 10px;
	left: 50%;
	right: 50%;
	width: 30px;
	height: 30px;
	padding-top: 3px;
	text-align: center;
	font-size: 18px;
	font-weight: 800;
	color: #2E2E38;
	background-color: #B6B6CC;
	border-radius: 100%;
	border: #2E2E38 2px solid;
	
	
}