@media (min-width: 1024px) {#loader {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;	/*background-image: url(../images/seffaf.png);	background-repeat: repeat;*/
background-color: rgba(190, 190, 190, 0.5);;
}

.loader {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 999;
	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	font-size: 50px;

	text-align:center;	/*background-image: url(../images/loading.gif);

	background-repeat: no-repeat;

	background-position: center center;*/

	color: #F60;

}

.loader .fa {

	padding:25px;}

}



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

	

	

	}



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

	

#logo img {
/*    object-fit: cover;
    object-position: center;
    position: static;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate (-50%,-50%);
    -ms-transform: translate (-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: none;*/
}

.page-header {

	position: static;



}
#content {
    margin-left: auto;
}


#headdiv {
	    height: auto;
    width: 100%;
    background-color: transparent;
    top: 0;
    bottom: auto;}

#logo {

position: static;

    text-align: center;

    margin: 0;

    padding: 0;

    width: 100%;

    float: none;

    height: auto;

	background-color: rgba(255, 255, 255, 0.8);

    padding-bottom: 10px;

    padding-top: 10px;

}

.mobilebarmaximenuck {

 	background-color: rgba(0, 0, 0, 0.6);

}

.header {

	/*height:135px;*/

	background-image:none;

	background-color:transparent;

	height:auto;}

.contentwrap {
	padding-top:180px;
	margin:0;
}

#sosyal, .site, .ithaki {
	display: block;
	padding-top: 10px;
	padding-left:0;
	padding-right:0;
	width: 100%;
	margin:0;
	padding-bottom: 0px;
}

#footer {
	height:auto;
	padding-bottom:10px;
    position: static;
	width:100%}

#menu {

   /* position: relative;*/

   position:static;

	height:35px;

	padding:0;

	margin:0;

	width:100%;

    float:none;

}

#sagkose {

	position:static;

	float:none;

	margin:0;

	padding:0;

	text-align:center;

	padding-bottom:10px;

	padding-top:10px;}

#sagkose p {

	margin:0;

	padding:0;

	height:0;}

#content {
    padding: 5%;
    width: 90%;
    margin: 0;
}

h2 {

	margin-top: 0px;

}

#sol {

	width: 100%;

	position: static;

}

.item-page div.solalt {

	display:none;}

.solyazi {

	position: static;

	max-width: 100%;

	color: #ccc;

	text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);

	text-align: justify;

	padding:10px;

}

#sag {

	width: 100%;

	position: static;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.kisi {

	width: 100%;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}

.kisi img {

	float: left;

	padding-right: 10px;

}

ul.menuproje {-webkit-column-count: 1; /* Chrome, Safari, Opera */

    -moz-column-count: 1; /* Firefox */

    column-count: 1;

	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */

    -moz-column-gap: 0px; /* Firefox */

    column-gap: 0px;



}

.scroll_container {

	position:static;}

.top_mask, .left_mask, .right_mask, .bottom_mask {

	display:none;}

.ad, .yer, .met, .is {

	display: inline-block;

	margin: 0px;

	padding: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

.solhak {

	background-position: center bottom;

	background-size:cover;

	}

.blog h2 a {

    opacity: 0.2;}

.sol {

    width: 100%;

    /* margin-right: 15px; */

    text-align: left;

    border-top-width: 0;}

.sag {

    width: 100%;}

.besps_slides div {

  /*  position: static;*/

  width:100%;

}

.besps_slides div img {

/*

    -webkit-transform: none;

    -moz-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

	left:auto;

	top:auto;

	right:auto;

	bottom:auto;*/

	object-fit: cover;

    object-position: center;



}

.besps_slides {

	width:100%;

/*    position: static;*/

}

.refana {

    -webkit-column-count: 1;

    -moz-column-count: 1;

    column-count: 1;

    -webkit-column-gap: 0;

    -moz-column-gap: 0;

    column-gap: 0;



}

.map {

    width: 100%;

    display: block;

    float: none;

}

.adres {

     display: block;

    width: 100%;

     float: none;

}

}



@media (max-width: 640px) {

	.blog .cols-1 {

    width: 100%;

}

}



@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{

	-webkit-animation-name:fadeInDown;

	animation-name:fadeInDown;

-webkit-animation-duration: 2s !important;

    -moz-animation-duration: 2s !important;

    -o-animation-duration: 2s !important;

     animation-duration: 2s !important;

}

@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}

.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;

-webkit-animation-duration: 2s !important;

    -moz-animation-duration: 2s !important;

    -o-animation-duration: 2s !important;

     animation-duration: 2s !important;}

	 

@-webkit-keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 25%, 0);

    transform: translate3d(0, 25%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 25%, 0);

    transform: translate3d(0, 25%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInUp {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

    -webkit-animation-duration: 3s !important;

    -moz-animation-duration: 3s !important;

    -o-animation-duration: 3s !important;

     animation-duration: 3s !important;



}

	 

	 

@-webkit-keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0.2;

  }

}



@keyframes fadeOut {

  from {

    opacity: 1;

  }



  to {

    opacity: 0.2;

  }

}



.fadeOut {

  -webkit-animation-name: fadeOut;

  animation-name: fadeOut;

       animation-duration: 2s !important;}





@-webkit-keyframes fadeOutUp {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



@keyframes fadeOutUp {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, -100%, 0);

    transform: translate3d(0, -100%, 0);

  }

}



.fadeOutUp {

  -webkit-animation-name: fadeOutUp;

  animation-name: fadeOutUp;

  animation-duration: 2s !important;}





@-webkit-keyframes fadeOutDown {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 10%, 0);

    transform: translate3d(0, 10%, 0);

  }

}



@keyframes fadeOutDown {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(0, 10%, 0);

    transform: translate3d(0, 10%, 0);

  }

}



.fadeOutDown {

  -webkit-animation-name: fadeOutDown;

  animation-name: fadeOutDown;

  animation-duration: 2s !important;}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
   animation-duration: 1s;
}
  

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

  }

 50% {opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

	 } 

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

  }

 50% {opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

	 } 

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInRight {

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

   animation-duration: 2s !important;

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

  }

 50% {opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

	 } 

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes fadeInLeft {

  0% {

    opacity: 0;

  }

 50% {opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

	 } 

  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.fadeInLeft {

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

   animation-duration: 2s !important;

}

@-webkit-keyframes fadeOutRight {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



@keyframes fadeOutRight {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

  }

}



.fadeOutRight {

  -webkit-animation-name: fadeOutRight;

  animation-name: fadeOutRight;

   animation-duration: 2s !important;

}



	 

@-webkit-keyframes gri {

  from {

 	-webkit-filter: grayscale(0%);

    filter: grayscale(0%);



  }



  to { 

  -webkit-filter: grayscale(80%);

  filter: grayscale(80%);



  }

}



@keyframes gri {

  from { -webkit-filter: grayscale(0%);

    filter: grayscale(0%);



  }



  to { -webkit-filter: grayscale(80%);

    filter: grayscale(80%);

	

  }

}



.gri {

  -webkit-animation-name: gri;

  animation-name: gri;

       animation-duration: 4s !important;}