body { margin:0; padding:0; font-family: 'Roboto', sans-serif; background:#fff; }                                        
.clear { clear:both; }
.ust { background:#092251; width:100%; height:auto; color:#FFF; font-size:14px; border-bottom:1px solid #f7b10b; letter-spacing:0.7px; }
.ust .ic { width:1230px; height:auto; padding:10px; margin:auto;  }
.ust .ic .left { float:left;  border:0px solid #FFF; }
.ust .ic .right { float:right;  border:0px solid #FFF; margin-left:20px; }
.fix { top:0; position:fixed; border-bottom:0px solid #f7b10b; box-shadow: 2px 2px 6px #333;  }
header { width:100%; height:auto; border:0px solid #000; margin:auto; background:#FFF; position:fixed; z-index:99;  box-shadow: 2px 2px 6px #333; }
header .ic { width:1230px; height:auto; padding:10px; margin:auto; }
header .logo { float:left; width:275px; height:auto; border:0px solid #000; }
nav { float:right; width:auto; height:auto; border:0px solid #000; margin-top:22px; }
nav ul { margin:0; padding:0; list-style:none; }
nav ul li { border:0px solid #000; color:#333; float:left; margin-left:20px; font-size:14px; padding:10px; border-radius:3px; border-bottom-left-radius:0; border-bottom-right-radius:0;  background:#fff; letter-spacing:1px; }
nav ul li:hover .submenu { display:block; }
nav ul li:hover { background:#f7b10b; color:#FFF; box-shadow: 2px 2px 6px #333; cursor:pointer;  }

.submenu { display:none; border:0px solid #000; width:1230px; left: 50%; margin-left:-615px; padding-top:50px; padding-bottom:30px; margin-top:10px; position:absolute; z-index:999; background:#fff; 
box-shadow: 2px 2px 6px #333;  }
.submenu ul li { padding:10px;  border-bottom:1px solid #f7b10b; width:calc(30% - 20px); float:none; font-weight:normal; }
.submenu ul li:hover { border:0; border-bottom:1px solid #f7b10b; } 
.sliderr { width:100%; height:auto; margin-top:100px; border:0px solid #000; }

.orta-g { background:#F1F1F1;  height:auto; padding:40px; }
.orta-g1 { background:#fff; width:calc(100% - 80px); height:auto; padding:40px; border:0px solid #000; }

.orta { width:1230px; height:auto;border:0px solid #000; margin:auto; }
.orta .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta .ic {  width:360px; height:200px; border-bottom:0px solid #f7b10b; padding:20px; margin-left:10px; float:left; text-align:center; }
.orta .ic .ikon { width:100px; height:80px; background:#092251; color:#FFF; border-radius:50%; border:0px solid #000; margin-bottom:30px; margin-left:auto; margin-right:auto; text-align:center;; padding:20px;  padding-top:40px }
.orta .ic h1 { font-size:18px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; border-left:20px solid #092251; border-right:20px solid #092251; }
.orta .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta2 { width:1230px; height:auto;border:0px solid #000; margin:auto; }
.orta2 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#fff; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta2 .ic { background:#fff; width:370px; height:550px; border:1px solid #EEE; margin-left:30px; float:left;
 box-shadow: 2px 2px 6px #DDD;

 }
.orta2 .ic:hover { box-shadow: 2px 2px 6px #f7b10b; } 
 .orta2 .ic p { padding:20px; margin:0; line-height:25px; font-size:15px; letter-spacing:0.7px; }
.orta2 .ic h1 { padding:20px; margin:0; font-size:18px; margin-bottom:-20px; font-weight:bold; color:#f7b10b; letter-spacing:0.7px; }

.orta1 { width:1230px; height:auto;border:0px solid #000; margin:auto; }
.orta1 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta1 .ic { width:284px; height:250px; border:0px solid #f7b10b; padding:0px; margin-left:23px; float:left; text-align:center; }
.orta1 .ic h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:70px; border-left:20px solid #f7b10b; }
.orta1 .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta3 { width:1230px; height:auto;border:0px solid #000; margin:auto; }
.orta3 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta3 .ic { width:590px; height:530px; border:0px solid #f7b10b; padding:0px; margin-left:20px; float:left; }
.orta3 .ic h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:40px; border-left:20px solid #f7b10b; }
.orta3 .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta3 .galeri { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-left:20px; margin-bottom:20px; float:left; }
.orta3 .galeri .resim { width:265px; height:300px; border-radius:5px; padding:10px; height:auto; border:1px solid #BBB; float:left; margin-left:10px; margin-bottom:10px; }
.orta3 .galeri h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:40px; border-left:20px solid #f7b10b; }
.orta3 .galeri:hover h1 { background:#f7b10b; color:#FFF; }





#adisoyadi {border-top:0px ;border-right:0px ;border-left:0px ;background-color:transparent;}
#mesaj {border-top:0px ;border-right:0px ;border-left:0px ;background-color:transparent;}
#btn.main-color {
    border-color: #ffb400;
    background-color: #ffb400;
}
#btn.main-color:hover {
    border-color: #ffb400;
    background-color: #ffb400;
}
#btn-default {color:#ffb400;}
#btn-default:hover {color:#fff;}

#return-to-top {
	display: block;
position: fixed;
right: 20px;
bottom: 0;
padding-right: 10px;
padding-left: 10px;
background-color: #3CF;
color: #fff;
}
    li.pointer {
      cursor: pointer;
      }
	  
.content { width:1230px; height:auto; border:0px solid #000; margin:auto; margin-top:150px; margin-bottom:20px; }	 
.content .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#FFF; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.content .left { width:590px; height:auto; border:0px solid #000; float:left;}
.content .galeri { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-bottom:20px; }
.content .resim { width:265px; height:300px; border-radius:5px; padding:10px; height:auto; border:1px solid #BBB; float:left; margin-left:15px; margin-bottom:15px; }

.content .iletisim { width:600px; height:auto; border:0px solid #000; float:left; margin-left:30px; margin-top:20px; }
.content .iletisim table { border-collapse:collapse; width:100%; }
.content .iletisim table td { padding:5px; border:0px solid #EEE; font-size:16px; }

.content .referans { width:225px; height:auto; border:0px solid #DDD; float:left; margin-left:20px; margin-bottom:20px;  box-shadow: 2px 2px 6px #DDD; }
.content .referans .alt { padding:20px; text-align:center; font-size:15px; color:#333; background:#f1f1f1; font-weight:600; letter-spacing:1.2px; }

footer { width:100%; height:auto; background:#092251; color:#FFF;border-top:3px solid #ffb400; }
footer .ic { width:1290px; height:auto; border:0px solid #fff; margin:auto; padding:20px; }
footer .ic .left { float:left; width:360px; border:0px solid #FFF; margin-left:40px; }
footer .ic .left h1 { font-size:16px; font-weight:bold; letter-spacing:1px; }
footer .alt { width:calc(100% - 40px); padding:20px; background:#000; color:#444; text-align:center; }
.select-ycs { padding:10px; border:0; padding-left:15px; border-radius:5px; width:50%; font-size:16px; background:#fff; }
.m-menu { display:none; } 
.m-menu-ac { display:none; }
	@media only screen and (max-width:767px) and (min-width:480px){
		.m-menu { display:block; float:right; margin-right:40px; font-size:30px; color:#f7b10b; margin-top:20px; }
		.m-menu-ac { display:none; position:fixed; width:100%; bottom:0; background:#FFF; top:130px; left:0; overflow:scroll; overflow-x:hidden; }
		.m-menu-ac .icerik { padding:10px; padding-left:20px; border-bottom:1px solid #f7b10b; }
.ust { background:#092251; width:100%; height:auto; color:#FFF; font-size:14px; border-bottom:1px solid #f7b10b; letter-spacing:0.7px; }
.ust .ic { width:90%; height:auto; padding:10px; margin:auto;  }
.ust .ic .left { float:left;  border:0px solid #FFF; }
.ust .ic .right { float:right;  border:0px solid #FFF; margin-left:20px; }
.fix { top:0; position:fixed; border-bottom:0px solid #f7b10b; box-shadow: 2px 2px 6px #333;  }
header { width:100%; height:auto; border:0px solid #000; margin:auto; background:#FFF; position:fixed; z-index:99;  box-shadow: 2px 2px 6px #333; }
header .ic { width:100%; height:auto; padding:10px; margin:auto; }
header .logo { float:left; width:275px; height:auto; border:0px solid #000; }
nav { display:none; float:right; width:auto; height:auto; border:0px solid #000; margin-top:22px; }

.orta-g { background:#F1F1F1;  height:auto; padding:40px; border:0px solid #000; }
.orta-g1 { background:#fff; width:calc(100% - 80px); height:auto; padding:40px; border:0px solid #000; }

.orta { width:1230px; height:auto;border:0px solid #000; margin:auto; }
.orta .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta .ic {  width:360px; height:200px; border-bottom:0px solid #f7b10b; padding:20px; margin-left:10px; float:left; text-align:center; }
.orta .ic .ikon { width:100px; height:80px; background:#092251; color:#FFF; border-radius:50%; border:0px solid #000; margin-bottom:30px; margin-left:auto; margin-right:auto; text-align:center;; padding:20px;  padding-top:40px }
.orta .ic h1 { font-size:18px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; border-left:20px solid #092251; border-right:20px solid #092251; }
.orta .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta2 { width:100%; height:auto;border:0px solid #000; margin:auto; }
.orta2 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#fff; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta2 .ic { background:#fff; width:370px; height:550px; border:1px solid #EEE; margin-left:30px; float:left;
 box-shadow: 2px 2px 6px #DDD;

 }
.orta2 .ic:hover { box-shadow: 2px 2px 6px #f7b10b; } 
 .orta2 .ic p { padding:20px; margin:0; line-height:25px; font-size:15px; letter-spacing:0.7px; }
.orta2 .ic h1 { padding:20px; margin:0; font-size:18px; margin-bottom:-20px; font-weight:bold; color:#f7b10b; letter-spacing:0.7px; }

.orta1 { width:100%; height:auto;border:0px solid #000; margin:auto; }
.orta1 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta1 .ic { width:46%; height:250px; border:0px solid #f7b10b; padding:0px; float:left; text-align:center; }
.orta1 .ic h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:70px; border-left:20px solid #f7b10b; }
.orta1 .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta3 { width:100%; height:auto;border:0px solid #000; margin:auto; }
.orta3 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta3 .ic { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-left:0; float:left; }
.orta3 .ic h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:40px; border-left:20px solid #f7b10b; }
.orta3 .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta3 .galeri { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-left:20px; margin-bottom:20px; float:left; }
.orta3 .galeri .resim { width:100%; height:auto; border-radius:5px; padding:10px; height:auto; border:1px solid #BBB; float:left; margin-left:10px; margin-bottom:10px; }
.orta3 .galeri h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:40px; border-left:20px solid #f7b10b; }
.orta3 .galeri:hover h1 { background:#f7b10b; color:#FFF; }

.content { width:90%; height:auto; border:0px solid #000; margin:auto; margin-top:150px; margin-bottom:20px; }	 
.content .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#FFF; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.content .left { width:90%; height:auto; border:0px solid #000; margin:auto; float:none;}
.content .galeri { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-bottom:20px; }
.content .resim { width:287px; height:300px; border-radius:5px; padding:10px; height:auto; border:1px solid #BBB; float:left; margin-left:15px; margin-bottom:15px; }

.content .iletisim { width:100%; height:auto; border:0px solid #000; float:left; margin-left:0; margin-top:20px; }
.content .iletisim table { border-collapse:collapse; width:100%; }
.content .iletisim table td { padding:5px; border:0px solid #EEE; font-size:16px; }

.content .referans { width:calc(50% - 20px); height:auto; border:0px solid #DDD; float:left; margin-left:20px; margin-bottom:20px;  box-shadow: 2px 2px 6px #DDD; }
.content .referans img { width:100%; }
.content .referans .alt { padding:20px; text-align:center; font-size:15px; color:#333; background:#f1f1f1; font-weight:600; letter-spacing:1.2px; }

footer { width:100%; height:auto; background:#092251; color:#FFF;border-top:3px solid #ffb400; }
footer .ic { width:90%; height:auto; border:0px solid #fff; margin:auto; padding:20px; text-align:center; }
footer .ic .left { float:left; width:100%; border:0px solid #FFF; margin-left:0; }
footer .ic .left h1 { font-size:16px; font-weight:bold; letter-spacing:1px; }
footer .alt { width:calc(100% - 40px); padding:20px; background:#000; color:#444; text-align:center; }
	.select-ycs { padding:10px; border:0; padding-left:15px; border-radius:5px; width:50%; font-size:16px; background:#fff; }
		
	}
	
	
	@media only screen and (max-width:479px){
		
		.m-menu { display:block; float:right; margin-right:40px; font-size:30px; color:#f7b10b; margin-top:20px; }
		.m-menu-ac { display:none; position:fixed; width:100%; bottom:0; background:#FFF; top:130px; left:0; overflow:scroll; overflow-x:hidden; }
		.m-menu-ac .icerik { padding:10px; padding-left:20px; border-bottom:1px solid #f7b10b; }
		.ust { background:#092251; width:100%; height:auto; color:#FFF; font-size:13px; border-bottom:1px solid #f7b10b; letter-spacing:0.7px; }
.ust .ic { width:90%; height:auto; padding:10px; margin:auto;  }
.ust .ic .left { float:left;  border:0px solid #FFF; }
.ust .ic .right { float:right;  border:0px solid #FFF; margin-left:10px; }
.fix { top:0; position:fixed; border-bottom:0px solid #f7b10b; box-shadow: 2px 2px 6px #333;  }
header { width:100%; height:auto; border:0px solid #000; margin:auto; background:#FFF; position:fixed; z-index:99;  box-shadow: 2px 2px 6px #333; }
header .ic { width:100%; height:auto; padding:10px; margin:auto; }
header .logo { float:left; width:275px; height:auto; border:0px solid #000; }
nav { display:none; float:right; width:auto; height:auto; border:0px solid #000; margin-top:22px; }

.orta-g { background:#F1F1F1;  height:auto; padding:40px; border:0px solid #000; }
.orta-g1 { background:#fff; width:calc(100% - 80px); height:auto; padding:40px; border:0px solid #000; }

.orta { width:1230px; height:auto;border:0px solid #000; margin:auto; }
.orta .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta .ic {  width:360px; height:200px; border-bottom:0px solid #f7b10b; padding:20px; margin-left:10px; float:left; text-align:center; }
.orta .ic .ikon { width:100px; height:80px; background:#092251; color:#FFF; border-radius:50%; border:0px solid #000; margin-bottom:30px; margin-left:auto; margin-right:auto; text-align:center;; padding:20px;  padding-top:40px }
.orta .ic h1 { font-size:18px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; border-left:20px solid #092251; border-right:20px solid #092251; }
.orta .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta2 { width:100%; height:auto;border:0px solid #000; margin:auto; }
.orta2 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#fff; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta2 .ic { background:#fff; width:370px; height:550px; border:1px solid #EEE; margin-left:30px; float:left;
 box-shadow: 2px 2px 6px #DDD;

 }
.orta2 .ic:hover { box-shadow: 2px 2px 6px #f7b10b; } 
 .orta2 .ic p { padding:20px; margin:0; line-height:25px; font-size:15px; letter-spacing:0.7px; }
.orta2 .ic h1 { padding:20px; margin:0; font-size:18px; margin-bottom:-20px; font-weight:bold; color:#f7b10b; letter-spacing:0.7px; }

.orta1 { width:100%; height:auto;border:0px solid #000; margin:auto; }
.orta1 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta1 .ic { width:90%; height:auto; border:0px solid #f7b10b; padding:0px; float:left; text-align:center; }
.orta1 .ic h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:70px; border-left:20px solid #f7b10b; }
.orta1 .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta3 { width:100%; height:auto;border:0px solid #000; margin:auto; }
.orta3 .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#f1f1f1; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.orta3 .ic { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-left:0; float:left; }
.orta3 .ic h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:40px; border-left:20px solid #f7b10b; }
.orta3 .ic:hover h1 { background:#f7b10b; color:#FFF; }

.orta3 .galeri { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-left:0; margin-bottom:20px; float:left; }
.orta3 .galeri .resim { width:90%; height:auto; border-radius:5px; padding:10px; height:auto; border:1px solid #BBB; float:none; margin-left:0; margin-bottom:10px; }
.orta3 .galeri h1 { font-size:16px; font-weight:normal; letter-spacing:0.7px; padding:10px; border:1px solid #f7b10b; border-radius:5px; margin-top:40px; border-left:20px solid #f7b10b; }
.orta3 .galeri:hover h1 { background:#f7b10b; color:#FFF; }

.content { width:90%; height:auto; border:0px solid #000; margin:auto; margin-top:150px; margin-bottom:20px; }	 
.content .ust { width:calc(100% - 20px); height:auto; border:0; border-bottom:0px solid #f7b10b; margin-bottom:20px; background:#FFF; color:#333; font-size:26px; border-left:5px solid #f7b10b; padding:10px; }
.content .left { width:90%; height:auto; border:0px solid #000; margin:auto; float:none;}
.content .galeri { width:100%; height:auto; border:0px solid #f7b10b; padding:0px; margin-bottom:20px; }
.content .resim { width:287px; height:300px; border-radius:5px; padding:10px; height:auto; border:1px solid #BBB; float:left; margin-left:15px; margin-bottom:15px; }

.content .iletisim { width:100%; height:auto; border:0px solid #000; float:left; margin-left:0; margin-top:20px; }
.content .iletisim table { border-collapse:collapse; width:100%; }
.content .iletisim table td { padding:5px; border:0px solid #EEE; font-size:16px; }

.content .referans { width:calc(100% - 20px); height:auto; border:0px solid #DDD; float:left; margin-left:20px; margin-bottom:20px;  box-shadow: 2px 2px 6px #DDD; }
.content .referans img { width:100%; }
.content .referans .alt { padding:20px; text-align:center; font-size:15px; color:#333; background:#f1f1f1; font-weight:600; letter-spacing:1.2px; }

footer { width:100%; height:auto; background:#092251; color:#FFF;border-top:3px solid #ffb400; }
footer .ic { width:90%; height:auto; border:0px solid #fff; margin:auto; padding:20px; text-align:center; }
footer .ic .left { float:left; width:100%; border:0px solid #FFF; margin-left:0; }
footer .ic .left h1 { font-size:16px; font-weight:bold; letter-spacing:1px; }
footer .alt { width:calc(100% - 40px); padding:20px; background:#000; color:#444; text-align:center; }
.select-ycs { padding:10px; border:0; padding-left:15px; border-radius:5px; width:100%; font-size:16px; background:#fff; }
		
		
	}