@import url('font/fonts.css');

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

body { background:#246ba1; margin:0; padding:0; font-family: 'muliregular'; color:#474747;}

* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a { color:#00bbff; text-decoration:none; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; } a:hover { color:#246ba1; }
p, h1, h2, h3, h4, h5, h6, h7, h8, ul, li, img, iframe, form, table, td, tr { line-height:100%; margin:0; padding:0; border:none; }
b {font-weight:normal; font-family: 'mulibold';}
table, td, tr { border-collapse:collapse; }
#temizle {clear:both;}
			
#alan1280 {width:1280px; margin:0 auto;}

/* HAREKETLİ BAŞLIK STİLİ */

.cbp-af-header { width:100%; height:150px; padding:0 40px; position:fixed; top:30px; left:0; z-index:10000; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
  .cbp-af-header .cbp-af-inner {width:100%; height:100%; background:url(img/ust.png) no-repeat center bottom; background-size:100% 10px; background-color:rgb(255,255,255, 0.9); background-color:rgba(255,255,255, 0.9);}

    a#logo { display:block; float:left; width:296px; height:140px; background:url(img/logo.png) no-repeat center; background-size:100% auto; text-align:left; text-indent:-9999px;  }
    a#logo:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
      
	.ikon-ana-menu {float:right; padding:30px 0 0 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}

      ul.atstelsosyal {display:block; float:right; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; opacity:1;}
       ul.atstelsosyal li {display:inline;}
	    ul.atstelsosyal li a {display:block; float:left; width:24px; height:24px; margin:0 0 0 20px; text-align:left; text-indent:-9999px; color:#00bbff; font-size:15px; font-family: 'mulibold'; line-height:24px;}
	      ul.atstelsosyal li a.fb {background:url(img/ikon/fb.png) no-repeat center; background-size:100% auto; }
	      ul.atstelsosyal li a.tw {background:url(img/ikon/tw.png) no-repeat center; background-size:100% auto; margin:0 0 0 10px; }
          ul.atstelsosyal li a.ats {width:auto; background:url(img/ikon/ats.png) no-repeat center left; padding:0 0 0 39px; text-indent:0; }
		  ul.atstelsosyal li a.tel {width:auto; background:url(img/ikon/tel.png) no-repeat center left; padding:0 0 0 29px; text-indent:0; }
		    ul.atstelsosyal li a.fb:hover, ul.atstelsosyal li a.tw:hover, ul.atstelsosyal li a.ats:hover, ul.atstelsosyal li a.tel:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
    
      /* ANAMENÜ */
      #anamenu { float:right; display:block; padding:40px 0 0 0; margin:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    
      #toggle, .toggle {display:none;}
       .linkler > li {list-style:none; float:left; width:auto;}
	     .clearfix:before, .clearfix:after {display:table; content:"";} .clearfix:after {clear:both;}
       .linkler, .linkler > li, .linkler > li > a {height:auto;}
         .linkler > li > a {display:block; font-size:18px; line-height:16px; color:#246ba1; padding:0 15px; font-family: 'mulibold';}
		 .linkler > li:last-child > a {padding:0 0 0 15px;}
         .linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili, .linkler > li:last-child > a:hover {background:#246ba1; color:#fff; padding:0 15px;}
      .toggle {z-index:2;}
      /* ANAMENÜ */
	
   /* Transitions and class for reduced height */
   .cbp-af-header.cbp-af-header-shrink { height:70px; top:10px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
    .cbp-af-header.cbp-af-header-shrink .cbp-af-inner {height:70px; background:url(img/ust.png) no-repeat center bottom; background-size:100% 5px; background-color:rgb(255,255,255, 1); background-color:rgba(255,255,255, 1); transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;} 
     .cbp-af-header.cbp-af-header-shrink a#logo { width:123px; height:70px; }
	 .cbp-af-header.cbp-af-header-shrink .ikon-ana-menu {padding: 0;}
	 .cbp-af-header.cbp-af-header-shrink ul.atstelsosyal { opacity:0; }
     .cbp-af-header.cbp-af-header-shrink #anamenu { padding:0; }
	 
/* HAREKETLİ BAŞLIK STİLİ */

#apspot { display:block; width:100%; height:auto; position:relative; }
  
  .spotsus {display:block; width:100%; height:auto; position:absolute; bottom:-16px; left:0; z-index:10; font-family: 'muliblack'; font-size:72px; color:#fff;}
  .spotsus span {font-family: 'mulibold'; font-size:46px; line-height:130%;}

  .swiper-slide img  {display:block; width:100%; height:auto;}	 	

#sayfagorsel { display:block; width:100%; position:relative; }
  #sayfagorsel img { display:block; width:100%; height:auto; }
  #sayfagorsel h1 { display:block; width:100%; position:absolute; bottom:30px; left:0; z-index:10;
                    font-weight:normal; color:#fff;  font-family: 'muliblack'; font-size:40px; } 

#icerikalani { display:block; width:100%; padding:60px 0; background:#fff;} 

  #alan1280.hosbes {padding:0 0 65px 0; margin:0 auto 60px auto; background:url(img/ust.png) no-repeat center bottom; background-size:100% 5px;}

    #alan1280 h1, #alan1280 h2, #alan1280 h3 {font-weight:normal; color:#246ba1; line-height:100%; margin:0 0 30px 0;}
      #alan1280 h1 { font-family: 'muliextrabold'; font-size:36px;}
      #alan1280 h2 {font-size:34px;}
      #alan1280 h3 {font-size:28px;}

  #alan1280 p {color:#474747; font-size:18px; line-height:140%; margin:0 0 30px 0;}
      #alan1280.hosbes p { text-align:justify;}
	#alan1280 p:last-child {margin:0;}

    a#dugme {display:block; float:right; width:160px; height:40px; background:#00bbff; text-align:center; line-height:40px; font-size:16px; color:#fff; font-family: 'mulilight';}
    a#dugme:hover { background:#246ba1;}

	.fotodugme { display:flex; flex-wrap:wrap;}
	.fotodugme a { width:100%; display:block; overflow:hidden; position:relative; }
	  .fotodugme a.sol { width:48.5%; margin:30px 1.5% 0 0; }
	  .fotodugme a.sag { width:48.5%; margin:30px 0 0 1.5%;  }
	.fotodugme a img { width:100%;  -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
	.fotodugme a div { width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
	.fotodugme a div span { width:100%; color:#fff; font-family: 'mulibold'; font-size:36px; line-height:100%; padding:0 60px; text-align:left;}
	.fotodugme a:hover img { -webkit-filter: grayscale(1);  filter: grayscale(1); transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05);  }


	#ta-formu {display:block; width:100%; margin:30px 0 0 0; border-top:1px solid #246ba1; padding:30px 0 0 0;}
		#ta-formu span {width:100%; line-height:40px; font-size:18px; display:block;}
		select::-ms-expand {display:none;} 
		  #ta-formu input, #ta-formu textarea, #ta-formu select {background:#e9e9e9; width:100%; border:none; font-size:18px; padding:10px; color:#000; margin-bottom:5px; font-family: 'muliregular'; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
		  #ta-formu input:hover, #ta-formu textarea:hover, #ta-formu select:hover, #ta-formu input:focus, #ta-formu textarea:focus, #ta-formu select:focus {background:#979797; color:#fff;}
		#ta-formu textarea {height:100px;}
		#ta-formu input.gonder {height:60px; font-family: 'mulibold'; font-size:22px; padding:0; color:#fff; background:#246ba1; margin:0; cursor:pointer;}
		#ta-formu input.gonder:hover {background:#00bbff;}	
		  #ta-formu input.cb {float:left; width:20px; height:20px; border:none; padding:0;  margin-bottom:0; margin:0 5px 0 0; }
		  #ta-formu label {float:left; font-size:14px; height:20px; margin:0 20px 0 0;}
          .foucko {display:block; float:left; width:30%; margin:0 3.3% 0 0;}
          .fobeko {display:block; float:left; width:18%; margin:0 2% 0 0;}
		  
	.refler { display:flex; flex-wrap:wrap;}
	.refler a { width:23%; margin:1%; padding:20px; border:1px solid #CCC; text-align:center; font-size:16px;}
	.refler a img { width:100%;  margin-bottom:20px;}

	.hizmetler { display:flex; flex-wrap:wrap;}
	.hizmetler a { width:33.3%; padding:20px; text-align:center; font-size:20px; font-family: 'mulibold'; color:#5f5f5f;}
	.hizmetler a img { width:100%;  margin-bottom:20px;  -webkit-transition: all 0.3s; -moz-transition:    all 0.3s; -ms-transition:     all 0.3s; transition: 		all 0.3s;}
	.hizmetler a.ikili { width:50%; }
	.hizmetler a:hover img { opacity:.7; }
    #alan1280 .hizmetler a p {color:#5f5f5f; font-size:18px; font-family: 'mulilight'; margin:0;}
	
	.kucukresimler { display:flex; flex-wrap:wrap;}
	.kucukresimler a { width:23%; margin:1%; display:block; overflow:hidden; }
	.kucukresimler a img { width:100%; -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s; }
	.kucukresimler a:hover img { opacity:.7; }
	  
	.lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background:#fff;}
	.lightbox img { display: block; position: absolute; }
	.lightbox-loading { 	background: url(../images/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 0 0 -16px; 	position: absolute; 	top: 50%; 	left: 50%; }
	.lightbox-caption { 	display: none; 	position: absolute; 	left: 0; 	bottom: 0; 	width: 100%; 	text-align: center; 	z-index: 9998; }
	.lightbox-caption p { 	margin: 0 auto; 	max-width: 70%; 	display: inline-block; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
	.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.3s; -moz-transition:    all 0.3s; -ms-transition:     all 0.3s; transition: 		all 0.3s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('jsler/lightbox/close.png'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('jsler/lightbox/arrow.png') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('jsler/lightbox/arrow.png') no-repeat -8px -54px; }

	iframe.harita {width:100%; height:520px; margin:210px 0 0 0;}


#altalan { display:block; width:100%; padding:0 0 60px 0;}
  #altalan #alan1280 { padding:60px 0 0 0; min-height:67px; background:url(img/logoalt.png) no-repeat top right; }

 .altadresmenu { display:block; float:left; font-size:15px; color:#00bbff; line-height:140%;}
 .altadresmenu a { color:#00bbff;} .altadresmenu a:hover { color:#fff;}
 .altadresmenu b { font-size:18px; color:#fff;}

 .altadresmenu ul { display:block; float:left; margin:30px 0 0 0;}
 .altadresmenu ul li { display:inline;}
 .altadresmenu ul li a { display:block; float:left; font-size:15px; color:#fff; line-height:140%; margin:0 30px 0 0; }
 .altadresmenu ul li a:hover { color:#00bbff; }
  
 .imzahaklar { display:block; float:right; font-size:13px; color:#00bbff; text-align:right; line-height:140%; margin:42px 0 0 0;}
 .imzahaklar a { color:#00bbff;} .imzahaklar a:hover { color:#fff;}
  
  
  
  
  
/* Responsive css kodları */ 


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

#alan1280 {width:100%; padding:0 20px;}

/* HAREKETLİ BAŞLIK STİLİ */

.cbp-af-header { padding:0 20px; top:20px; }

    a#logo { width:200px; height:140px; }
    a#logo:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
          
      /* ANAMENÜ */    
         .linkler > li > a {font-size:16px; padding:0 10px;}
		 .linkler > li:last-child > a {padding:0 0 0 10px;}
         .linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili, .linkler > li:last-child > a:hover {padding:0 10px;}
      /* ANAMENÜ */
	
   /* Transitions and class for reduced height */
     .cbp-af-header.cbp-af-header-shrink a#logo { width:123px; height:70px; }
	 
/* HAREKETLİ BAŞLIK STİLİ */

#apspot { padding:160px 0 0 0; }
 	
  .spotsus {font-size:62px;}
  .spotsus span {font-size:36px;}	 	

#sayfagorsel { padding:160px 0 0 0; }
  #sayfagorsel h1 { bottom:20px; font-size:30px; } 

#icerikalani { padding:40px 0;} 
 
    #alan1280.hosbes { padding:0 20px 40px 20px; margin:0 auto 40px auto;}
  
    #alan1280 h1, #alan1280 h2, #alan1280 h3 { margin:0 0 20px 0;}
      #alan1280 h1 {font-size:32px;}
      #alan1280 h2 {font-size:28px;}
      #alan1280 h3 {font-size:22px; margin:0 0 14px 0;}

    #alan1280 p {font-size:16px; line-height:140%;}

	  .fotodugme a.sol { margin:20px 1.5% 0 0; }
	  .fotodugme a.sag { margin:20px 0 0 1.5%;  }
	.fotodugme a div span { font-size:26px; padding:0 30px;}

  iframe.harita {height:360px; margin:0;}

#altalan { padding:0 0 40px 0;}
  #altalan #alan1280 { padding:60px 20px 0 20px; min-height:67px; background:url(img/logoalt.png) no-repeat top right 20px; }

 .altadresmenu { font-size:14px; line-height:130%;}
 .altadresmenu b { font-size:15px;}

 .altadresmenu ul { margin:20px 0 0 0;}
 .altadresmenu ul li a { font-size:14px; line-height:130%; margin:0 15px 0 0; }
  
 .imzahaklar { line-height:130%; margin:32px 0 0 0;}

}
	

@media only screen and (max-width: 1000px) {


.cbp-af-header { height:100px; }

    a#logo { width:200px; height:90px; }
      
	.ikon-ana-menu {padding:10px 0 0 0;}

	    ul.atstelsosyal li a {margin:0 0 0 10px;  font-size:13px;}
	      ul.atstelsosyal li a.tw {margin:0 0 0 5px; }
		    ul.atstelsosyal li a.fb:hover, ul.atstelsosyal li a.tw:hover, ul.atstelsosyal li a.ats:hover, ul.atstelsosyal li a.tel:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

	#anamenu { padding:10px 0 0 0; }

  /* ANAMENÜ DÜĞMELİ */  
	.linkler {display:none; opacity:0; width:100%; position:absolute; right:0; z-index:5001; padding:0 20px;}
	.linkler > li {display:block; width:100%; margin:0;}
	.linkler > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	#toggle:checked + div .linkler {display:block; opacity:1;}
	
	.linkler {color:#505050;}
	.linkler, .linkler > li, .linkler > li > a {height:auto; color:#505050;}
	.linkler > li > a {background-color:rgba(255,255,255, 0.8); padding:0; margin:0; line-height:36px; color:#246ba1; font-size:16px; text-align:center; border-bottom:1px solid #246ba1;}
	.linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili {color:#fff; background:#246ba1;  padding:0;}
		 .linkler > li:last-child > a {padding:0;}
		
	.toggle:after {content:attr(data-open); background:url(img/menu.png) no-repeat center; background-size:100% 100%; display:block; height:36px; width:36px; margin:0 0 10px 0; padding:0; text-align:left; text-indent:-9999px;
		           -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
	.toggle:hover:after {background:url(img/menu2.png) no-repeat center; background-size:100% 100%;}
	#toggle:checked + div .toggle:after {content:attr(data-close);} 

  /* ANAMENÜ DÜĞMELİ */	


#apspot { padding:110px 0 0 0; }
 	
  .spotsus {font-size:50px;}
  .spotsus span {font-size:26px;}	 	

#sayfagorsel { padding:110px 0 0 0; }
  #sayfagorsel h1 { font-size:26px; } 

	.fotodugme a span {  font-size:18px; letter-spacing:-1px;}

	.refler a { width:31.3%;}

	.kucukresimler a { width:31.3%; }

  iframe.harita {height:340px; }


  #altalan #alan1280 { background:url(img/logoalt.png) no-repeat center top; background-size:140px auto; }

 .altadresmenu { float:none; text-align:center;}

 .altadresmenu ul { width:100%; float:none; margin:30px 0 0 0;}
 .altadresmenu ul li a { display:block; float:none; width:100%; margin:0; border-bottom:1px dashed #09F; }
  
 .imzahaklar { width:100%; float:none; text-align:center; margin:20px 0 0 0;}
	
	}


@media only screen and (max-width: 860px) {

     .cbp-af-header.cbp-af-header-shrink #anamenu { margin:-10px 0 0 0; }

          ul.atstelsosyal li a.ats { width:34px; background:url(img/ikon/ats.png) no-repeat center; padding:0; text-indent:-9999px; }
		  ul.atstelsosyal li a.tel {width:24px; background:url(img/ikon/tel.png) no-repeat center; padding:0; text-indent:-9999px; }

  .spotsus {font-size:40px; bottom:-8px;}
  .spotsus span {font-size:24px;}	 	

      #alan1280 h1 {font-size:24px;}
      #alan1280 h2 {font-size:20px;}
      #alan1280 h3 {font-size:18px; margin:0 0 10px 0;}

    #alan1280 p {font-size:16px; line-height:130%; margin:0 0 14px 0;}


	.fotodugme a { width:100%; }
	  .fotodugme a.sol { width:100%; margin:10px 0; }
	  .fotodugme a.sag { width:100%; margin:10px 0;  }

	.hizmetler a { width:48%; padding:0; margin:1%; font-size:16px; font-family: 'muliregular';}
	.hizmetler a.ikili { width:48%; margin:1%; }
    #alan1280 .hizmetler a p {font-size:15px;}

	#ta-formu { margin:20px 0 0 0;  padding:20px 0 0 0;}
		#ta-formu span {line-height:100%; font-size:15px; padding:5px 0 ;}
		  #ta-formu input, #ta-formu textarea, #ta-formu select {font-size:15px; padding:5px; }
		#ta-formu input.gonder {height:50px; font-size:18px; }
	
	}


@media only screen and (max-width: 640px) {


  .spotsus {font-size:36px; bottom:-8px;}
  .spotsus span {font-size:20px;}	 	

  #sayfagorsel div h1 { font-size:18px;} 

 	
    #alan1280.hosbes { padding:40px 20px 20px 20px;}

      #alan1280 h1 {font-size:20px;}
      #alan1280 h2 {font-size:18px;}
      #alan1280 h3 {font-size:16px;}

    #alan1280 p {font-size:15px; line-height:120%; }

	.fotodugme a div span { font-size:20px; letter-spacing:0; }


	.hizmetler a { width:100%; margin:0 0 20px 0;}
	.hizmetler a.ikili { width:100%; margin:0 0 20px 0; }

	.refler a { width:48%; margin:1%;}

	.kucukresimler a { width:48%; margin:1%; }

  iframe.harita {height:300px; margin:0;}  


	}

@media only screen and (max-width: 420px) {

    a#logo { width:160px; height:90px; }

	.refler a { width:100%; margin:0 0 20px 0; }

	.kucukresimler a { width:100%; margin:0 0 20px 0; }

  	}