.sube_baslik{
	width:100%;
	height:50px;
	float:left;
	position:relative;
	text-transform:uppercase;
}

.sube_baslik h1{
	width:100%;
	line-height:25px;
	top:50%;
	transform:translateY(-50%);
	float:left;
	position:relative;
	text-align:center;
	font-family:alegreya_sanslight;
}

.alt_baslik{
	width:100%;
	height:60px;
	float:left;
	position:relative;
	margin:10px 0;
}

.alt_baslik h2{
	width:100%;
	line-height:30px;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	float:left;
	font-family:alegreya_sanslight;
	position:relative;
}





.sube_hakkinda{
	width:100%;
	float:left;
	position:relative;
	margin:30px 0;
	font-family:alegreya_sanslight;
	text-align:center; 
}

 .anim_1_aktif{
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s; 
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}










.sube_randevu{
	width:100%;
	float:left;
	position:relative;
	margin:30px 0;
}

.filo_randevu{
	width:100%;
	float:left;
	position:relative;
	margin:0px;
}


 .anim_2_aktif{
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s; 
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

 .anim_3_aktif{
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s; 
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.sube_randevu .alan_50{
	width:48%;
	float:left;
	position:relative;
	margin:0 1%;
}

.sube_randevu .alan_50 textarea{
	min-width:calc(98% - 4px);
	max-width:calc(98% - 4px);
	min-height:100px;
	max-height:100px;
	outline:none;
	margin:5px 0;
	float:left;
	padding:5px 1%;
	position:relative;
}

.sube_randevu .paket_secim{
	width:100%;
	height:172px;
	overflow-x:hidden;
	float:left;
	position:relative; 
	margin:15px 0; 
	border-bottom:1px solid #a9a9a9;
}

.sube_randevu .paket_secim .paketler{
	width:100%;
	height:140px;
	overflow-y:scroll;
	overflow-x:hidden;
	float:left;
	position:relative; 
}

.sube_randevu .paket_secim a{
	width:100%;
	height:30px;
	line-height:30px;
	font-size:22px;
	float:left;
	position:relative;
	font-family:alegreya_sanslight;
	text-align:center;
	margin:0;
	padding:0; 
	border-top:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}

.sube_randevu input[type="submit"]{
	width:98%;
	height:50px;
	float:left;
	margin:20px 1%;
	position:relative;
	background-color:#0093dd;
	color:#fff;
	outline:none;
	border:none;
	cursor:pointer;
}
.sube_randevu input[type="submit"]:hover{
	background-color:#2eb3f7;
}

.sube_randevu input[type="submit"]:active{
	background-color:#044e73;
}


.anim_alan_2 input[type="submit"]{
	width:100%;
	height:50px;
	float:left;
	margin:20px 0;
	position:relative;
	background-color:#0093dd;
	color:#fff;
	outline:none;
	border:none;
	cursor:pointer;
}
.anim_alan_2 input[type="submit"]:hover{
	background-color:#2eb3f7;
}

.anim_alan_2 input[type="submit"]:active{
	background-color:#044e73;
}


.anim_alan_3 input[type="submit"]{
	width:100%;
	height:50px;
	float:left;
	margin:20px 0;
	position:relative;
	background-color:#0093dd;
	color:#fff;
	outline:none;
	border:none;
	cursor:pointer;
}
.anim_alan_3 input[type="submit"]:hover{
	background-color:#2eb3f7;
}

.anim_alan_3 input[type="submit"]:active{
	background-color:#044e73;
}


.buton_secim {
	width:96%;
	height:25px;
	line-height:25px;
    display: block;
    position: relative;
    padding:0;
	margin:3px 2%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-size:15px;
	font-family:alegreya_sanslight; 
}

.buton_secim p{
	width:calc(100% - 50px);
	line-height:20px;
	float:left;
	position:relative;
	margin-left:35px;
	top:50%;
	transform:translateY(-50%); 
}
	
.buton_secim input {
    position: absolute;
    opacity: 0;
}

.check_buton {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
	background-color:#0093dd;
}

.buton_secim:hover input ~ .check_buton {
}

.buton_secim input:checked ~ .check_buton {
}

.check_buton:after {
    content: "";
    position: absolute;
    display: none;
}

.buton_secim input:checked ~ .check_buton:after {
    display: block;
}

.buton_secim .check_buton:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}











.sube_galeri{
	width:100%;
	float:left;
	position:relative;
	margin:30px 0; 
}

.sube_galeri .resim{
	width:14.66%;
	height:250px;
	float:left;
	margin:1%;
	position:relative;  
	overflow:hidden; 
}

.sube_galeri .resim img{
	width:100%;
	float:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}





















.sube_iletisim{
	width:100%;
	float:left;
	position:relative;
	margin:30px 0; 
}

.iletisim{
	width:100%;
	float:left;
	position:relative; 
	font-size:19px;
	font-family:alegreya_sanslight; 
}

.iletisim p{
	width:100%;
	line-height:22px;
	float:left;
	position:relative; 
	font-size:19px;
	font-family:alegreya_sanslight; 
	top:50%;
	transform:translateY(-50%);
	text-align:center;
}

.iletisim .al50{
	width:48%;
	height:50px;
	float:left;
	position:relative;
	margin:0 1%;
}

.iletisim .al100{
	width:98%;
	height:50px;
	float:left;  
	position:relative;
	border-top:1px solid #3d3d3d;
	margin:0 1%;
}

.iletisim_but {
	width:48%;
	height:50px;
	float:left;
    cursor: pointer;
	background-color:#0093dd;
	position:relative;
	margin:5px 1%;
}

.iletisim_but .konum{
	width:60px;
	height:100%;
	float:left;
	position:relative;
	background-image:url("../images/konum.png");
	background-position:center;
	background-size:30px;
	background-repeat:no-repeat; 
}

.iletisim_but .tel{
	width:60px;
	height:100%;
	float:left;
	position:relative;
	background-image:url("../images/tel.png");
	background-position:center;
	background-size:30px;
	background-repeat:no-repeat; 
}

.iletisim_but p{
	width:calc(100% - 60px);
	line-height:30px;
	float:left;
	color:#fff;
	position:relative; 
	font-size:25px;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	font-family:alegreya_sansmedium; 
}

.sube_iletisim .harita{
	width:100%;
	height:500px;
	float:left;
	position:relative;
	border:none;
	outline:none; 
}

 .anim_4_aktif{
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s; 
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

























@media screen and (max-width: 2560px), screen and (max-device-width: 2560px) {

.sube_galeri .resim{
	width:14.66%;
	height:250px;
	float:left;
	margin:1%;
	position:relative;  
	overflow:hidden; 
}



}


@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {

.sube_galeri .resim{
	width:14.66%;
	height:200px;
	margin:1%;
}



}


@media screen and (max-width: 1440px), screen and (max-device-width: 1440px) {

.sube_galeri .resim{
	width:14.66%;
	height:177px;
	margin:1%;
}



}


@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) {

.sube_galeri .resim{
	width:14.66%;
	height:147px;
	margin:1%;
}



}


@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

.sube_galeri .resim{
	width:18%;
	height:141px;
	margin:1%;
}



}


@media screen and (max-width: 736px), screen and (max-device-width: 736px) {

.sube_galeri .resim{
	width:23%;
	height:147px;
	margin:1%;
}


.sube_randevu .alan_50{
	width:98%;
	float:left;
	position:relative;
	margin:0 1%;
}

.iletisim .al50{
	width:98%;
	height:50px;
	float:left;
	position:relative;
	margin:0 1%;
}

}


@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
.sube_galeri .resim{
	width:23%;
	height:130px;
	margin:1%;
}



}


@media screen and (max-width: 533px), screen and (max-device-width: 533px) {
.sube_galeri .resim{
	width:23%;
	height:95px;
	margin:1%;
}

.iletisim_but p{
	width:calc(100% - 60px);
	line-height:20px; 
	font-size:20px;
}



}


@media screen and (max-width: 460px), screen and (max-device-width: 460px) {
.sube_galeri .resim{
	width:31.3%;
	height:113px;
	margin:1%;
}



}






@media screen and (max-width: 380px), screen and (max-device-width: 380px) {
.sube_galeri .resim{
	width:48%;
	height:147px;
	margin:1%;
}


}