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


html, body{ 
    background-color:#ffffff;
	padding: 0px; 
	margin: 0px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet M.S", Verdana, sans-serif;
	font-size: 16px; 
	color: #333; 
	font-weight: normal; 
	text-decoration: none;

}



	a.link:link, a.link:visited { color:#000000; text-decoration: none;  }
	a.link:hover, a.link:active { color:#000000;text-decoration:none;}

    a.link2:link, a.link2:visited { color:#000000; text-decoration: underline;  }
	a.link2:hover, a.link2:active { color:#000000;text-decoration:none;}


	a.link_line:link, a.link_line:visited { color:#000000; text-decoration: none;  }
	a.link_line:hover, a.link_line:active { color:#000000;text-decoration:underline;}

	.list{ border:1px solid #e5e5e5; margin-bottom:2px; padding:8px 20px;}
	.list:hover{ background-color: #f9f9f9;}
	.list-child{ margin:0px 0px 2px 30px}

	.img-fix{
		width:100%; height:auto;
	}

a.leftmenu:link, a.leftmenu:visited { color:#FFF; text-decoration: none;  }
a.leftmenu:hover, a.leftmenu:active { color:#FFF;text-decoration:none;}

.mobil-menu{ color:#000; padding:12px 45px; cursor:pointer; font-weight: bold; border-bottom:1px dotted #e5e5e5}
.mobil-menu:hover{color:#000; padding:12px 45px; background-color:#f4f4f4}
.mobil-menu-act{ color:#000; padding:12px 45px; background-color:#f4f4f4; cursor:pointer;  font-weight: bold}


.btn-top{border:0px; font-size:16px; border-radius:0px; border-bottom:2px solid #FFF}
.btn-top:hover{background-color:#ddeefb; border-bottom:2px solid #75147c}
.btn-appointment{ background-color:#75147c; padding:10px 40px; color:#FFF; font-size:16px; font-weight:bold}

.btn-continue{ padding:20px; font-weight:bold; font-size:18px}

.form-row{margin-bottom:10px; text-align:left}
.input-genel{border:1px solid #e5e5e5; padding:10px; width:100%}

#contents{margin-top:10px}

@media only screen and (min-width:200px) and (max-width:768px) {
	
	.page-content{width:96%;}

	.pc-top{width:100%; top:0px; padding:20px 0px 20px 10px;  border-bottom:2px solid #000; background-color:#ce3b2b;  position: -webkit-sticky; position: sticky; z-index: 1000000 }
	.contact-left{width:100%}
	.contact-right{width:100%}
	.visakind-cell{float:left; width:calc(50% - 2px); height:100px; border:1px solid #e5e5e5; padding:10px; cursor:pointer; font-weight:bold; margin-right:2px; margin-bottom:2px; text-align:left}
}


html {
	scroll-behavior: smooth;
  }


@media only screen and (min-width: 769px) {
	
	.page-content{width:70%;}
	.pc-top{width:100%; top:0px; padding:20px 0px 0px 0px;  border-bottom:2px solid #000;  background-color:#ce3b2b; position: -webkit-sticky; position: sticky; z-index: 1000000 }
	.mobil-top{display:none; }
	#menu-icon{margin:0px 0px 28px 0px; font-size:30px}
	#top-menu{margin-top:34px;}
	.contact-left{float:left; width:35%}
	.contact-right{float:left; width:65%}
	.visakind-cell{float:left; width:calc(33.33% - 2px); height:70px; border:1px solid #e5e5e5; padding:20px; cursor:pointer; font-weight:bold; margin-right:2px; margin-bottom:2px; text-align:left; }
	
	
	
}