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

html, body {height:100%;}
	  	  
body { background:#fff; margin:0; padding:0; color:#231f20; font-family: 'avenirregular'; }

* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a {color:#ec1c24; text-decoration:none; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;} a:hover {color:#485158;}
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; border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, h7, h8 {font-weight:normal;}
b {font-family: 'avenir85_heavy';}
.clear {clear:both;}
.content {width:1280px; margin:0 auto;}
#toTop {display:none; width:50px; height:50px; background:url(img/totop.png) no-repeat center #c69c6d; background-size:24px auto; text-align:left; text-indent:-9999px; position:fixed; bottom:80px; right:80px; z-index:20000; cursor:pointer;
        -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}

/* animated header style */

.cbp-af-header {position:fixed; top:0; left:0; z-index:10000;
                width:100%; height:190px; padding:20px 80px;
				background:url(img/header-transparent-logo.png) no-repeat center right 32%; background-size:auto 100%; background-color:rgb(255,255,255, 0.8); background-color:rgba(255,255,255, 0.8);
				-webkit-box-shadow: 0px 2px 30px 0px rgba(170,50,58,0.4); -moz-box-shadow: 0px 2px 30px 0px rgba(170,50,58,0.4); box-shadow: 0px 2px 30px 0px rgba(170,50,58,0.4);
				transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
  
  a.logo {display:block; float:left; width:163px; height:150px; background:url(img/logo.png) no-repeat center center; background-size:100% auto; text-align:left; text-indent:-9999px;}
    a.logo:hover {transform: scale(0.92); -ms-transform: scale(0.92); -webkit-transform: scale(0.92); -o-transform: scale(0.92); -moz-transform: scale(0.92);}
  
  .ikonlar-menu {display:block; float:right; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}

    ul.ikonlar {display:block; float:right; margin:20px 0 0 0; opacity:1;  transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
    ul.ikonlar li {display:inline;}
    ul.ikonlar li a {display:block; float:left; width:51px; height:34px; margin:0 0 0 20px; text-align:left; text-indent:-9999px;}
	  ul.ikonlar li a.de {background:url(img/ikon/de.png) no-repeat center; margin:0;}
	  ul.ikonlar li a.tr {background:url(img/ikon/tr.png) no-repeat center;}
	  ul.ikonlar li a.en {background:url(img/ikon/en.png) no-repeat center;}
	  ul.ikonlar li a.as {width:43px; background:url(img/ikon/as.png) no-repeat center; margin:0 0 0 40px;}
	    ul.ikonlar li a.de:hover, ul.ikonlar li a.tr:hover, ul.ikonlar li a.en:hover, ul.ikonlar li a.as:hover {transform: scale(0.92); -ms-transform: scale(0.92); -webkit-transform: scale(0.92); -o-transform: scale(0.92); -moz-transform: scale(0.92);}
	
  /* mainmenu */
  .anamenu {display:block; float:right; height:58px; margin:38px 0 0 0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;}
    #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:100%;}
       .linkler > li > a {display:block; font-size:24px; color:#bf1e2e; line-height:58px; margin:0 0 0 80px; font-family: 'avenir65_medium'; border-bottom:2px solid transparent;}
       .linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili {color:#a57541; border-bottom:2px solid #a57541;}
    .toggle {z-index:2;}
  /* mainmenu */	 
  
  /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink {height:80px; padding:10px 80px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
    .cbp-af-header.cbp-af-header-shrink a.logo {width:65px; height:60px;}
    .cbp-af-header.cbp-af-header-shrink ul.ikonlar {margin:-54px 0 0 0; opacity:0;}
    .cbp-af-header.cbp-af-header-shrink .anamenu {margin:2px 0 0 0;}

/* animated header style */

.spot {display:block; width:100%; height:100%; padding:0; position:relative;}
  .sawk {width:100%; height:100%; background:url(img/spot/bg-bordo.png) no-repeat center bottom; background-size:100% auto; position:absolute; bottom:0; left:0; z-index:10;}
  .swiper-slide {/* Center slide text vertically */ 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;}
    .swiper-slide img {display:block; width:100%; height:auto;}

.icerikalani {display:block; width:100%; height:auto; padding:230px 80px 120px 80px;}
  
  .icerikalani h1 {color:#bf1e2e; font-size:32px; font-family: 'avenir85_heavy'; margin:0 0 20px 0; line-height:140%;}
  .icerikalani h2 {color:#916e48; font-size:26px; font-family: 'avenir45_book';  margin:0 0 20px 0; line-height:140%;}
  .icerikalani h3 {color:#bf1e2e; font-size:25px; font-family: 'avenir65_medium';  margin:0 0 20px 0; line-height:120%; padding:20px 0 20px 10px; border-left:2px solid #bf1e2e;}
    .icerikalani h3 span {color:#999; font-size:18px;}

  .icerikalani p { font-size:18px; color:#231f20; font-family: 'avenir45_book';  line-height:140%; margin:0 0 20px 0;}
  .icerikalani p:last-child { margin:0;}
  
  .kolonlar {display:flex; flex-wrap:wrap;}
    .kolonlar .kfoto {width:40%; padding:0 40px 40px 0;}
	  .kolonlar .kfoto span {display:block; width:100%; position:relative;}
	    .kolonlar .kfoto span img {display:block; width:100%; height:auto;}
	    .kolonlar .kfoto span hr {display:block; width:130%; height:5px; background:#bf1e2e; border:none; position:absolute; bottom:40px; left:-40px; z-index:3;}
    .kolonlar .kcontent { width:60%; padding:40px 0 40px 40px; border-left:5px solid #bf1e2e;} 

  .kucukresimler { display:flex; flex-wrap:wrap;}
    .kucukresimler a { width:30.33%; margin:0 1.5% 40px 1.5%; display:block; }
	.kucukresimler a img { width:100%; -webkit-transition:0.6s; transition:0.6s; -moz-transition:0.6s; -o-transition:0.6s; }
	.kucukresimler a:hover img { opacity:0.7; transform: scale(0.92); -ms-transform: scale(0.92); -webkit-transform: scale(0.92); -o-transform: scale(0.92); -moz-transform: scale(0.92);}
	  
  .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.6s; -moz-transition:    all 0.6s; -ms-transition:     all 0.6s; transition: 		all 0.6s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('scripts/lightbox/close.png'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('scripts/lightbox/arrow.png') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('scripts/lightbox/arrow.png') no-repeat -8px -54px; }

	iframe.harita {display:block; width:100%; height:520px; margin:-40px 0 40px 0;}

	.iletisim-bilgileri {display:block; float:left; width:100%; padding:0 40px 0 0;}
.agb {display:block; float:left; width:100%; padding:0 40px 0 0;}
	
    .iletisim-formu {display:block; float:left; width:62%;}
      
	  .iletisim-formu input, .iletisim-formu textarea {display:block; width:100%; height:50px; padding:10px; border:1px solid #c69c6d; background:#fff; margin:0 0 10px 0; font-family: 'avenirregular'; font-size:18px; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s;
	  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
	    .iletisim-formu input:hover, .iletisim-formu input:focus, .iletisim-formu textarea:hover, .iletisim-formu textarea:focus  {background:#c69c6d; color:#fff;}
	    .iletisim-formu textarea {height:160px;}
	    .iletisim-formu input.gonder {background:#941427; font-family: 'avenir85_heavy'; font-size:22px; color:#fff; border:none; padding:0; margin:0; cursor:pointer;}
	    .iletisim-formu input.gonder:hover {background:#7b411c; color:#fff;}
  
footer {display:block; width:100%; height:85px; padding:10px 80px; background-color:rgb(191,30,46, 0.8); background-color:rgba(191,30,46, 0.8); border-top:5px solid #c69c6d; position:fixed; bottom:0; left:0; z-index:30;}
 body.subpage footer {/* position:static; bottom:none; right:none; z-index:none; */ background-color:rgb(191,30,46, 1); background-color:rgba(191,30,46, 1);}
  footer p {display:block; float:left; margin:0 40px 0 0; font-size:16px; color:#fff; line-height:20px; font-family: 'avenirregular';}
  footer p.ikon {height:60px; float:right; font-size:13px; text-align:right; margin:0; background:url(img/logo-ikon.png) no-repeat center right; padding:12px 77px 0 0;}
    footer p a {color:#fff;} footer p a:hover {color:#1e0202;}
	
		 
/* responsive */ 

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

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

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

#toTop {width:40px; height:40px; background-size:20px auto; right:40px;}

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

    ul.ikonlar li a { margin:0 0 0 10px; }
	  ul.ikonlar li a.as {margin:0 0 0 20px;}
	
       .linkler > li > a {font-size:22px; margin:0 0 0 40px;}

  .cbp-af-header.cbp-af-header-shrink { padding:10px 40px;}

.icerikalani {padding:230px 40px 120px 40px;}
  
  .icerikalani h1 {font-size:26px; }
  .icerikalani h2 {font-size:24px; }
  .icerikalani h3 {font-size:22px;}
    .icerikalani h3 span {font-size:17px;}

  .icerikalani p { font-size:17px; }
  
    .kolonlar .kfoto {width:50%; padding:0 20px 20px 0;}
	    .kolonlar .kfoto span hr {width:112%; bottom:20px; left:-20px;}
    .kolonlar .kcontent { width:50%; padding:20px 0 20px 20px;} 

    .kucukresimler a { width:46%; margin:0 2% 40px 2%; }

	iframe.harita {height:320px; margin:-20px 0 40px 0;}

	.iletisim-bilgileri {display:block; float:none; width:100%; padding:0 0 40px 0;}
	
    .iletisim-formu {display:block; float:none; width:100%;}
      
	  .iletisim-formu input, .iletisim-formu textarea {font-size:17px;}
	    .iletisim-formu input.gonder {font-size:20px;}

footer {padding:10px 40px;}
  footer p {font-size:15px;}
  footer p.ikon {font-size:13px;}

	}

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

   .kolonlar .kfoto {width:100%; padding:0 0 40px 0;}
	    .kolonlar .kfoto span hr {width:100%; bottom:20px; left:-20px;}
    .kolonlar .kcontent { width:100%; padding:40px 0 40px 40px;} 


	}

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

html, body {height:auto;}

/* animated header style */

.cbp-af-header {width:100%; height:140px; background:url(img/header-transparent-logo.png) no-repeat center right 32%; background-size:auto 100%; background-color:rgb(255,255,255, 1); background-color:rgba(255,255,255, 1); }
  
  a.logo {width:108px; height:100px;}

    ul.ikonlar {margin:0;}
	
  .anamenu {width:43px; height:30px; margin:36px 0 0 0; }

    /* mainmenu responsive */
  
	.linkler {display:none; opacity:0; width:100%; padding:0; position:absolute; right:0; z-index:5001;}
	.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:#fff;}
	.linkler, .linkler > li, .linkler > li > a {height:auto; color:#fff;}

	.linkler > li > a {padding:0; margin:0; line-height:40px;  background-color:rgb(255,255,255, 1); background-color:rgba(255,255,255, 1); color:#bf1e2e; font-size:18px; text-align:center; padding:0; border-bottom:1px solid #bf1e2e;}
	.linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili {background:#a57541; color:#fff; border-bottom:1px solid #a57541; padding:0;}
		 
	.toggle:after {content:attr(data-open); background:url(img/menu.png) no-repeat center; background-size:100% 100%; display:block; height:30px; width:43px; margin:0 0 20px 0; padding:0; text-align:left; text-indent:-9999px; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
	#toggle:checked + div .toggle:after {content:attr(data-close);}

    /* mainmenu responsive */	
  
    .cbp-af-header.cbp-af-header-shrink .anamenu {margin:15px 0 0 0;}

/* animated header style */

.spot {width:100%; height:auto; padding:140px 0 0 0;}
  .sawk {background:url(img/spot/bg-bordo.png) no-repeat center bottom; background-size: 100% 60%;}
    .swiper-slide img {display:block; width:100%; height:auto;}


.icerikalani {padding:180px 40px 40px 40px;}
  
  .icerikalani h1 {font-size:24px; }
  .icerikalani h2 {font-size:22px; }
  .icerikalani h3 {font-size:20px;}
    .icerikalani h3 span {font-size:16px;}

  .icerikalani p { font-size:16px; }

footer {height:auto; padding:20px 40px; background-color:rgb(191,30,46, 1); background-color:rgba(191,30,46, 1); position:static; bottom:none; left:none; z-index:none;}
 body.subpage footer {background-color:rgb(191,30,46, 1); background-color:rgba(191,30,46, 1);}
  footer p {display:block; width:100%; float:none; margin:0 0 20px 0; text-align:center; line-height:120%;}
  footer p.ikon {height:auto; width:100%; float:none; text-align:center; line-height:120%; margin:0; background:url(img/logo-ikon.png) no-repeat center top; padding:70px 0 0 0;}
	
	}


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

.cbp-af-header {padding:20px;}
  .cbp-af-header.cbp-af-header-shrink {padding:10px 20px; }


.icerikalani {padding:180px 20px 40px 20px;}

   .kolonlar .kfoto {width:100%; padding:0 0 20px 0;}
    .kolonlar .kcontent { width:100%; padding:20px 0 20px 20px;} 

footer {padding:20px;}

   	
	}


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

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

	iframe.harita {height:240px; margin:0 0 20px 0;}


	}